React 19 Task Implementation

A modern task management interface built to demonstrate clean state management, focus handling, and automated code quality standards in a React 19 environment.

🛠 Developer Experience Highlights

This project serves as a reference for modern frontend workflows, focusing on:

• Strict Linting: Implements the latest ESLint "Flat Config" system for consistent code quality across the codebase.
• Vite Tooling: Leverages Vite for near-instant Hot Module Replacement (HMR) and optimized build cycles.
• Focus Management: Uses useRef and useEffect hooks to programmatically manage input focus, reducing friction during task entry.
• UI/Logic Separation: Implements a visual sorting layer that prioritizes active tasks without mutating the underlying data indices.

🚀 Tech Stack

• Framework: React 19 (Functional Components & Hooks)
• Build Tool: Vite
• State: Local State (useState, useRef)
• Style: CSS Modules with a custom "light cream" accessibility theme

📦 Getting Started

1. Clone the repository.
2. Install dependencies: npm install
3. Start the development server: npm run dev
4. Run the linter: npm run lint