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.