Skip to content

A simple task management app with Next.js, ShadcnUI, Google Calendar API and drag and drop functionality.

Notifications You must be signed in to change notification settings

LXMachado/task-management-app

Repository files navigation

TaskMaster - Task Management Application

TaskMaster is a comprehensive task management application built with Next.js and React. It provides a modern, responsive interface for managing tasks, projects, and deadlines with an intuitive Kanban board interface.

TaskMaster Dashboard

Features

  • Kanban Board: Drag-and-drop interface with To Do, In Progress, and Done columns
  • Task Management: Create, edit, and delete tasks with detailed information
  • Project Organization: Group tasks by projects for better organization
  • Task Filtering: Filter tasks by status, priority, and project
  • Calendar View: Visualize tasks on a calendar based on due dates
  • Dark/Light Mode: Toggle between dark and light themes
  • Google Calendar Integration: Sync tasks with Google Calendar
  • Responsive Design: Works seamlessly on desktop, tablet, and mobile devices
  • User Authentication: Secure login, signup, and password recovery
  • Local Storage: Data persistence using browser local storage

Technologies Used

  • Frontend Framework: Next.js 14 (App Router)
  • Language: TypeScript
  • Styling: Tailwind CSS
  • UI Components: shadcn/ui
  • State Management: Zustand
  • Form Handling: React Hook Form with Zod validation
  • Drag and Drop: React DnD
  • Date Handling: date-fns
  • Icons: Lucide React

Getting Started

Prerequisites

  • Node.js 18.x or later
  • npm or yarn

Installation

  1. Clone the repository:
git clone https://github.com/LXMachado/task-management-app
cd task-management-app

About

A simple task management app with Next.js, ShadcnUI, Google Calendar API and drag and drop functionality.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published