A simple and clean To-Do application built using React, demonstrating state management with Context API and persistent data using Local Storage.
- Add new tasks
- Delete tasks
- Mark tasks as completed
- Persistent storage using Local Storage (data stays after refresh)
- Fast and responsive UI with Vite
- React
- Context API (for global state management)
- Vite (for fast development & build)
- Tailwind CSS (for styling)
- Local Storage (for persistence)
src/
├── components/
├── context/
├── App.jsx
└── main.jsx
git clone https://github.com/your-username/your-repo-name.git
cd your-repo-name
npm install
npm run dev
This project helped me understand:
- How to use Context API for global state
- How to store and retrieve data from Local Storage
- Structuring a React app properly
- Managing component state efficiently
- Filter (All / Completed / Pending)
- Dark mode
- Better UI/UX
This is a beginner-friendly project built for learning and practice.
This project is open-source and free to use.