✅ To-Do App v2 – Updated
🎥 Screenshot
Old-Version To-DO Task-Nest.v1
Web-App (Old Version) URL-https://tasknest-orcin.vercel.app/
To-Do App v2 (Updated) is a sleek and responsive task manager built using React, TypeScript, and Tailwind CSS. It’s designed to provide a fast, minimal, and intuitive user experience for managing tasks, with improved code structure and local storage support.
- ✅ Add, delete, and manage tasks.
- 🧠 Built with TypeScript for strong typing.
- 🎯 Mark tasks as complete/incomplete.
- 🔍 Filter tasks (All, Completed, Incomplete).
- 💾 Persistent data with
localStorage. - 🎨 Modern and mobile-friendly UI via Tailwind CSS.
- 🧩 Modular components for scalability.
| Category | Technologies Used |
|---|---|
| Framework | React (with TypeScript) |
| Styling | Tailwind CSS |
| State Mgmt | useState, useEffect (React Core) |
| Hosting | Vercel |
src/
├── components/
│ ├── TaskItem.tsx # Renders individual tasks
│ └── TaskList.tsx # Displays task list
├── utils/
│ └── storage.ts # localStorage helper functions
├── App.tsx # Main app component
├── index.tsx # Entry point for React
├── types.ts # Custom TypeScript types
├── styles/
│ └── index.css # Tailwind imports and custom CSS
# 1. Clone the repository
git clone https://github.com/yourusername/todo-app-v2.git
# 2. Navigate to the project directory
cd todo-app-v2
# 3. Install dependencies
npm install
# or
yarn install
# 4. Start the development server
npm run dev
# or
yarn dev