Skip to content

README.md

Latest commit

 

History

History
54 lines (40 loc) · 1.54 KB

README.md

File metadata and controls

54 lines (40 loc) · 1.54 KB

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

📦 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