Skip to content

Yash021205/To-do

Repository files navigation

📝 To-Do App (React + Context API + Local Storage)

A simple and clean To-Do application built using React, demonstrating state management with Context API and persistent data using Local Storage.

Features

  • Add new tasks
  • Delete tasks
  • Mark tasks as completed
  • Persistent storage using Local Storage (data stays after refresh)
  • Fast and responsive UI with Vite

Tech Stack

  • React
  • Context API (for global state management)
  • Vite (for fast development & build)
  • Tailwind CSS (for styling)
  • Local Storage (for persistence)

Project Structure

src/
 ├── components/
 ├── context/
 ├── App.jsx
 └── main.jsx

Getting Started

1. Clone the repository

git clone https://github.com/your-username/your-repo-name.git

2. Navigate to project folder

cd your-repo-name

3. Install dependencies

npm install

4. Run the app

npm run dev

Learning Highlights

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

Future Improvements

  • Filter (All / Completed / Pending)
  • Dark mode
  • Better UI/UX

Acknowledgment

This is a beginner-friendly project built for learning and practice.


License

This project is open-source and free to use.

About

A simple To do app with Context API and Local Storage

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors