Taskly 📝

Taskly is a simple and clean task management app built with React, TypeScript, and CSS Modules. It allows users to add, edit, delete, complete, and filter tasks — all stored locally in the browser using localStorage.

---

🚀 Features

• ✅ Add new tasks
• 📝 Edit task title and description
• ❌ Delete tasks with confirmation
• 🔁 Mark tasks as completed or pending
• 🔍 Search tasks by title
• 🧮 Filter by: All / Completed / Pending
• 💾 Persistent storage with localStorage
• 🎨 Styled with CSS Modules for scoped and maintainable styles
• ⚡ Built with Vite for fast dev experience

---

🧰 Tech Stack

• React
• TypeScript
• Vite
• React Router
• CSS Modules

---

📦 Getting Started

Clone the repo and install dependencies:

git clone https://github.com/rayan495/taskly.git
cd taskly
npm install
npm run dev

📁 Project Structure

src/ ├── components/ # Reusable components (TaskForm, TaskList, etc.) ├── contexts/ # Context API for tasks ├── hooks/ # Custom hooks (e.g. useTasks, useInput) ├── pages/ # Route-level pages (Home, TaskListPage, etc.) ├── types/ # TypeScript interfaces and types ├── ui/ # UI elements (Button, Input, Textarea) ├── App.tsx # App routes and layout └── main.tsx # Entry point

---