Skip to content

Latest commit

 

History

8 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📝 To-Do List Application

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 Demo

🔗 Live Link: https://maheshkn30.github.io/To-do-List

📌 Features

  • ➕ 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

🛠️ Technologies Used

  • React.js
  • JavaScript (ES6+)
  • HTML5
  • CSS3

🎯 Learning Objectives

This project was developed to gain hands-on experience with:

  1. React useState Hook

    • Managing component state
    • Updating UI dynamically
  2. CRUD Operations

    • Create Tasks
    • Read Tasks
    • Update Tasks
    • Delete Tasks
  3. Search & Filtering

    • Searching tasks by keyword
    • Filtering tasks based on completion status
  4. Array State Management

    • Storing task data in arrays
    • Rendering dynamic lists using React

About

Developed a dynamic ToDo List application using React, with a strong focus on state management through the useState Hook. The application allows users to add, display, update, complete, and delete tasks while maintaining real-time UI updates based on state changes.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Contributors

Languages