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

No packages published