Skip to content

zahrabayatt/to-do-app

Repository files navigation

To Do App

This is a simple and interactive to-do app built with Vite and React. The app allows users to create tasks, organize them into categories, and manage their status. You can mark tasks as done, set them as important, and also edit or delete them. Categories can also be created, edited, or removed to further organize tasks.

Additionally, the app includes a dark mode and light mode toggle, and all user data (tasks, categories, and theme preference) is stored in localStorage, ensuring persistence between sessions.

Features

  • Task Management

    • Add new tasks
    • Mark tasks as done
    • Mark tasks as important
    • Edit or delete tasks
    • Assign tasks to specific categories
  • Category Management

    • Create new categories
    • Edit or delete existing categories
  • User Experience

    • Toggle between dark and light modes
    • Responsive design
    • Easy-to-use interface
    • Organized view of tasks by category, importance, and completion status
    • Persistent data storage using localStorage (tasks, categories, and selected theme)

Tech Stack

  • React: For building the user interface
  • Vite: For bundling and running the app
  • Tailwind CSS: For styling the app
  • Zustand: For state management
  • React Router: For handling navigation between different pages
  • localStorage: For persisting tasks, categories, and theme data

Deployment

The To-Do App is deployed and accessible at the following URL:

To-Do App

License

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