Skip to content

A simple and clean Todo App built with React | css | locastorage API

Notifications You must be signed in to change notification settings

bitashahsavan/todo_app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📝 Todo App – React

A simple and clean Todo App built with React.

This project supports full CRUD operations using LocalStorage, includes filtering options, and is fully styled with CSS.


  • 🙋‍♀️Developed by Bita Shahsavan
  • 📧Contact with me : LINKEDIN
  • 📆Created : july 2023
  • ✔Technologies : Html , Css , javascript , React

✅ Summary

This Todo App demonstrates how to manage data entirely on the client side using LocalStorage with React, supporting full CRUD operations and filtering options.

You can expand this project with features like categories, user authentication, or integration with an external API.

📸 Screenshot

todo.png

🌟 Features

  1. ✅ Add new todos

  2. ✏️ Edit existing todos

  3. 🔄 Toggle completed / not completed

  4. 🗑️ Delete todos

  5. 💾 Save data in LocalStorage (no backend required)

  6. 🔍 Filter todos (All, Completed, Uncompleted)

  7. 🎨 Styled with CSS


🛠️ Technologies Used

. React | javascript (ES6+) | Css | LocalStorage API


⚙️ Installation & Setup

  1. Clone the project:
    git clone https://github.com/bitashahsavan/todo_app.git

  2. Install dependencies:
    npm install

  3. Start the development server:
    npm start

About

A simple and clean Todo App built with React | css | locastorage API

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors