Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 2 months ago
JSON representation

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.