Skip to content

edolynna/todo-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

3 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

React Todo App

This is a simple Todo application built using React. It allows users to create, delete, and toggle completion status of Todo items. The application also utilizes local storage to persist Todo items even after page reloads.

Design

Todo App Design

Features

  • Add Todo: Users can add new Todo items by entering text and clicking the "Submit" button.
  • Delete Todo: Users can delete Todo items by clicking on the delete icon next to each item.
  • Toggle Completion: Users can mark Todo items as completed or incomplete by clicking on the text of the item.
  • Local Storage: Todo items are saved to local storage, allowing them to persist even after the browser window is closed or refreshed.

Technologies Used

React, JavaScript (ES6+), HTML, CSS

Usage

  • Adding a Todo: Enter the text of your new Todo item in the input field and click the "Submit" button.
  • Deleting a Todo: Click on the delete icon next to the Todo item you wish to delete.
  • Toggling Completion: Click on the text of a Todo item to mark it as completed or incomplete.

Acknowledgements

This Todo app was created as part of a learning project and was inspired by various tutorials and resources available online.

About

It's a simple Todo app for daily using ๐Ÿ—“

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published