TaskBuddy is a modern and responsive task management web application built using React. It helps users organize their daily tasks into three categories: To-Do, Ongoing, and Completed, with features like editing, filtering, priority tagging, and data persistence via LocalStorage.
- 📝 Add new tasks with deadline and priority
- 🗂 Categorize tasks into To-Do, Ongoing, and Completed
- 🔄 Move tasks between sections
- ✏️ Edit task name, deadline, or priority
- 🔍 Filter tasks by keyword or date
- 🌈 Tag tasks by priority: High / Medium / Low
- 💾 LocalStorage integration to persist tasks across refreshes
- 📊 Task counter (Total tasks shown)
- ❌ Delete tasks when no longer needed
- ⚛️ React (via Create React App)
- 🎨 CSS3 (custom styling)
- 🧠 useState & useEffect for dynamic state and persistence
- 💾 LocalStorage for saving data
- 🧪 React hooks for managing logic
To run the project locally:
# Clone the repository
git clone https://github.com/DarshanKumarGP/todo-react.git
# Navigate into the project folder
cd todo-react
# Install dependencies
npm install
# Start the React app
npm start
This will run the app at http://localhost:3000.
todo-react/
│
├── public/
├── src/
│ ├── pages/
│ │ └── Home.js
│ ├── App.js
│ └── style.css
├── screenshot1.png
├── screenshot2.png
├── screenshot3.png
├── README.md
└── package.json
👤 Author
Darshan Kumar GP
GitHub: @DarshanKumarGP
📘 License
This project is open source and available under the MIT License.