Skip to content

Dishitha0607/ToDoList_ReactProject2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📝 React Todo App

A simple and beginner-friendly Todo List application built using React. This app allows users to manage daily tasks efficiently by adding, viewing, and removing todo items.


🚀 Features

  • ✅ Add new todo items
  • 📅 Assign due dates to tasks
  • 🗑️ Delete tasks
  • 🔄 Dynamic UI updates using React state
  • ⚡ Fast and responsive interface

🛠️ Tech Stack

  • React (JSX)
  • JavaScript (ES6)
  • CSS
  • Vite / Create React App (depending on your setup)

🧠 How It Works

  • The app initializes with a default list of todos (initialtodoItems).

  • React's useState hook is used to manage the todo list dynamically.

  • Each todo contains:

    • name → Task description
    • dueDate → Deadline

Example:

const initialtodoItems = [
  { name: "Buy Milk", dueDate: "4/10/2023" },
];
  • The state is updated using:
setTodoItems(newTodoList);

▶️ Getting Started

1. Clone the repository

git clone <your-repo-link>

2. Install dependencies

npm install

3. Run the app

npm run dev

🌱 Future Improvements

  • ✏️ Edit existing todos
  • 💾 Save todos in local storage
  • 🔍 Search & filter tasks
  • 🎨 Improve UI with animations

🙌 Description ~

Built as a beginner React project to understand:

  • Components
  • Props
  • State management

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors