Todo List App A modern Todo List application built with React and Context API, featuring dark/light mode, glassmorphism UI, and smooth animations. Features

Add, edit, toggle, and delete tasks. Filter tasks by All, Active, Completed. Persistent storage using localStorage. Dark/light mode toggle with system preference detection. Responsive design with glassmorphism cards and Framer Motion animations.

Setup

Clone the repo: git clone Install dependencies: npm install framer-motion tailwindcss postcss autoprefixer Initialize Tailwind: npx tailwindcss init -p Run locally: npm start Open http://localhost:3000

Deployment

Push to GitHub. Deploy to Vercel: Import repo, select "Create React App" framework, set environment variables (none needed), and deploy.

Lighthouse Optimization

Performance: Lazy-loaded components, minified CSS/JS. Accessibility: ARIA labels, keyboard navigation. SEO: Meta tags in index.html. Best Practices: HTTPS via Vercel, no console errors.