Skip to content

karnikaavelumani/task-manager

Repository files navigation

Task Manager 📌

Description

"Task Manager" is a Trello clone built with Next.js that helps you manage your TODOs. This application allows users to create, edit, delete, and move tasks across different columns representing various stages of progress. With an integrated analytics component, users can visually track their progress with pie and bar charts.

Features

  • Task Management: Create, edit, delete, and move tasks between different columns (To Do, In Progress, Done).
  • Data Analytics: Visual representation of tasks with pie and bar charts that display task completion and distribution.
  • Drag and Drop: Intuitive drag-and-drop functionality to rearrange tasks.

Technologies Used

  • Frontend: Next.js, React
  • Styling: Tailwind CSS
  • State Management: React Hooks
  • Charts: Custom implementation without external libraries

Usage

  • Adding Tasks: Click on the "+" button in any column to add a new task.
  • Editing Tasks: Click the edit icon next to a task to change its name.
  • Deleting Tasks: Click the delete icon next to a task to remove it.
  • Moving Tasks: Drag and drop tasks between columns to update their status.

Future Enhancements

  • User authentication to save and retrieve tasks.
  • Backend integration for persistent data storage.
  • Improved analytics dashboard with additional metrics.
  • Enhanced drag-and-drop functionality with animations.
  • Responsive design for all viewports

License

This project is licensed under the MIT License. See the LICENSE file for more information.

Screenshot of website displaying TODOs required to finish


Warning

This project is currently incomplete and requires further developement!

Created with 💖 by Karnikaa Velumani

About

📌A trello clone in Next.js that manages your TODOs and has charts!

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published