https://github.com/zahrabayatt/to-do-app

https://github.com/zahrabayatt/to-do-app

react-dom-router tailwindcss to-do-app to-do-app-with-react zustand

Last synced: 15 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/zahrabayatt/to-do-app
• Owner: zahrabayatt
• License: mit
• Created: 2024-10-12T12:23:32.000Z (24 days ago)
• Default Branch: main
• Last Pushed: 2024-10-18T22:04:01.000Z (18 days ago)
• Last Synced: 2024-10-19T11:38:16.963Z (17 days ago)
• Topics: react-dom-router, tailwindcss, to-do-app, to-do-app-with-react, zustand
• Language: TypeScript
• Homepage: https://zahrabayatt.github.io/to-do-app/
• Size: 801 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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](https://zahrabayatt.github.io/to-do-app/)

## License

This project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for more details.