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.
- ➕ 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.
- ⚛️ React.js
- 📜 JavaScript (ES6+)
- 🧩 React Hooks
useState
→ manage input valuesuseRef
→ access DOM elements directly
- 🎨 CSS → for styling & basic responsiveness
- 🔄 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.
👤 Developed by BharathPadavu