Skip to content

FAIZAN101013/Todo

Repository files navigation

Todo App

A simple and interactive Todo App built with React, Tailwind CSS, and Framer Motion. This app allows users to manage tasks efficiently with features like progress tracking, priority levels, subtasks, recurring tasks, and search & filter options.

Features

  • Progress Indicator: Displays the percentage of completed tasks.
  • Priority Levels: Categorize tasks as High, Medium, or Low priority.
  • Subtasks: Add subtasks under main tasks.
  • Dark Mode: Toggle between light and dark themes.
  • Drag & Drop: Reorder tasks easily using drag-and-drop functionality.

Installation & Setup

  1. Clone the repository:
    git clone https://github.com/yourusername/todo-app.git
  2. Navigate to the project directory:
    cd todo-app
  3. Install dependencies:
    npm install
  4. Start the development server:
    npm run dev

Technologies Used

  • React: For building the user interface.
  • Tailwind CSS: For styling and responsive design.
  • Framer Motion: For smooth animations.
  • React Beautiful DnD: For drag-and-drop functionality.

Contribution

Contributions are welcome! You can fix the repository and submit a pull request with improvements or new features.

License

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

Contact

If you have any questions or suggestions, please feel free to reach out!

About

A To-Do List is a simple task management tool used to keep track of tasks that need to be completed. It helps with organization, productivity, and prioritization.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors