MyTask is a simple, user-friendly, and responsive Todo application built using ReactJS. It helps users manage their daily tasks efficiently with features like adding, editing, deleting, and marking todos as complete. The application is styled with Tailwind CSS and uses localStorage to persist data between sessions.
- ✅ Add new tasks with a character validation
- ✏️ Edit existing tasks seamlessly
- 🗑️ Delete tasks instantly
- ✔️ Mark tasks as completed or uncompleted
- 🔍 Filter to show/hide completed tasks
- 💾 Persistent data using localStorage
- 📱 Fully responsive layout (Mobile/Tablet/Desktop)
- 🎨 Clean and modern UI with Tailwind CSS
- 🧩 Icon support via React Icons (Edit/Delete)
- Frontend: ReactJS (Hooks:
useState,useEffect) - Styling: Tailwind CSS
- Icons: React Icons (
FaRegEdit,AiFillDelete) - Unique ID:
uuidfor unique task IDs - Storage: localStorage for persistent task saving
- src/
- ├── components/
- │ └── Navbar.jsx
- ├── App.jsx
- └── index.js