Skip to content

A simple To-Do List Application built with React. Users can add, edit and delete tasks easily. Designed as a beginner-friendly React project to practice state management, event handling, Dom manipulation and React Hooks (useState, useRef)

Notifications You must be signed in to change notification settings

BharathPadavu/todo-list-react

Repository files navigation

✅ React To-Do List App

A simple and elegant To-Do List application built with React.
Users can add, edit, and delete tasks with ease.
This project is designed as a beginner-friendly React app to practice:
state management, event handling, React hooks, and DOM manipulation.


🌐 Live Demo

🔗 View Live App


✨ Features

  • Add Tasks – Create new tasks instantly.
  • ✏️ Edit Tasks – Update task names easily.
  • Delete Tasks – Remove tasks with a single click.
  • Instant DOM Updates – Changes appear in real-time.
  • 🎨 Responsive Design – Works across different screen sizes.

🛠️ Tech Stack

  • ⚛️ React.js
  • 📜 JavaScript (ES6+)
  • 🧩 React Hooks
    • useState → manage input values
    • useRef → access DOM elements directly
  • 🎨 CSS → for styling & basic responsiveness

⚠️ Limitations

  • 🔄 Tasks are not persistent — refreshing the page clears the list.
  • 🛑 Relies on direct DOM manipulation instead of React’s declarative rendering.
  • 🎭 Minimal styling — no animations or advanced UI/UX.
  • 📅 No categories, deadlines, or priorities for tasks.
  • 📦 Not optimized for large-scale or production use.

📌 Author

👤 Developed by BharathPadavu

About

A simple To-Do List Application built with React. Users can add, edit and delete tasks easily. Designed as a beginner-friendly React project to practice state management, event handling, Dom manipulation and React Hooks (useState, useRef)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published