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.
- ✅ Add new todo items
- 📅 Assign due dates to tasks
- 🗑️ Delete tasks
- 🔄 Dynamic UI updates using React state
- ⚡ Fast and responsive interface
- React (JSX)
- JavaScript (ES6)
- CSS
- Vite / Create React App (depending on your setup)
-
The app initializes with a default list of todos (
initialtodoItems). -
React's
useStatehook is used to manage the todo list dynamically. -
Each todo contains:
name→ Task descriptiondueDate→ Deadline
Example:
const initialtodoItems = [
{ name: "Buy Milk", dueDate: "4/10/2023" },
];- The state is updated using:
setTodoItems(newTodoList);git clone <your-repo-link>
npm install
npm run dev
- ✏️ Edit existing todos
- 💾 Save todos in local storage
- 🔍 Search & filter tasks
- 🎨 Improve UI with animations
Built as a beginner React project to understand:
- Components
- Props
- State management