A dynamic and interactive To-Do List Application built with React.js, focusing on state management using the useState Hook. This application enables users to efficiently manage their daily tasks with real-time updates and a user-friendly interface.
🔗 Live Link: https://maheshkn30.github.io/To-do-List
- ➕ Add new tasks
- 📋 Display all tasks
- ✏️ Update existing tasks
- ✅ Mark tasks as completed
- 🗑️ Delete tasks
- 🔍 Search tasks instantly
- 🎯 Filter tasks based on status
- ⚡ Real-time UI updates using React state management
- React.js
- JavaScript (ES6+)
- HTML5
- CSS3
This project was developed to gain hands-on experience with:
-
React useState Hook
- Managing component state
- Updating UI dynamically
-
CRUD Operations
- Create Tasks
- Read Tasks
- Update Tasks
- Delete Tasks
-
Search & Filtering
- Searching tasks by keyword
- Filtering tasks based on completion status
-
Array State Management
- Storing task data in arrays
- Rendering dynamic lists using React