Skip to content

πŸš€ Built a simple React To-Do List while learning React! What I practiced: 1. "Functional components & props", 2. "useState" & "useEffect" (used localStorage so tasks persist), 3. "Handling form submit + keyboard Enter" 4. "Small UX: prevent empty tasks, toggle complete, delete"

Notifications You must be signed in to change notification settings

jaleel1122/simple-ToDo-list

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

21 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

React simple To-Do List

A simple React To-Do List app built for learning components, state, and localStorage.

πŸš€ Live Demo

https://xw46n9-5173.csb.app/
OR
https://psmwpf.csb.app/

Features

  • Add / delete tasks
  • Mark tasks complete (persisted)
  • Data persisted in localStorage
  • Responsive layout

Run locally

  1. npm install
  2. npm start

Future improvements

  • Add edit task
  • Add due dates and sorting
  • Sync with backend or cloud storage

About

πŸš€ Built a simple React To-Do List while learning React! What I practiced: 1. "Functional components & props", 2. "useState" & "useEffect" (used localStorage so tasks persist), 3. "Handling form submit + keyboard Enter" 4. "Small UX: prevent empty tasks, toggle complete, delete"

Topics

Resources

Stars

Watchers

Forks