A production-ready Task Management application built with React, TypeScript, and Tailwind CSS.
- Feature-Driven Structure: Organized code to ensure modularity and scalability.
- Business Logic Separation: Utilized Custom Hooks (
useTasks) to decouple state management from the UI. - Service Layer: Abstracted data persistence (
localStorage) into a dedicated service for easy future API integration. - Scroll Management: Implemented a fixed-header layout with an independent scrollable task container for superior UX.
- Framework: React 19 (Vite)
- Styling: Tailwind CSS v4
- Language: TypeScript
- Icons: Lucide React
- Install dependencies:
npm install - Start dev server:
npm run dev - Build for production:
npm run build