Skip to content

upendrakda/To-Do-List

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📝 React Todo App

A simple and clean Todo application built with React that helps users manage daily tasks efficiently.
The app supports adding, completing, deleting, filtering tasks, and persists data using localStorage, so your todos remain even after refreshing the page.


✨ Features

  • ➕ Add new tasks
  • ✅ Mark tasks as completed
  • ❌ Delete tasks
  • 🔍 Filter tasks:
    • All
    • Completed
    • Pending
  • 💾 Persistent data storage using localStorage

📸 Screenshots

Main View

Main View

Completed Tasks Filter

Completed Tasks

Pending Tasks Filter

Pending Tasks


🛠️ Built With

  • React
  • JavaScript (ES6+)
  • CSS
  • localStorage API

🚀 Getting Started

🔗 Live app: https://todolist-upendrakda.netlify.app/

Follow these steps to run the project locally:

1. Clone the repository

git clone https://github.com/upendrakda/To-Do-List.git

2. Navigate to the project folder

cd To-Do-List

3. Install dependencies

npm install

4. Start the development server

npm run dev

📌 Final Notes

This project was built as a learning exercise to practice React fundamentals.
More features and improvements may be added in the future as learning continues.

Happy coding! 🚀

About

A simple yet functional Todo app built in React featuring task management, filters (All / Completed / Pending), and data persistence across page reloads.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors