{"id":29599378,"url":"https://github.com/ajay-dhangar/todo-app-optimized","last_synced_at":"2026-04-10T07:43:42.186Z","repository":{"id":305116900,"uuid":"1021968741","full_name":"ajay-dhangar/todo-app-optimized","owner":"ajay-dhangar","description":"A high-performance, responsive Todo application built with React, TypeScript, Vite, Tailwind CSS, and Vitest. Fully optimized for modern web standards with testing, ESLint, and responsive UI.","archived":false,"fork":false,"pushed_at":"2025-07-18T08:57:43.000Z","size":1098,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-18T12:35:04.975Z","etag":null,"topics":["eslint","modern-ui","modern-ui-ux","performance","prettier","react","react-hooks","responsive-design","tailwindcss","todo-app","typescript","typescript-react","unit-testing","vite","vitest"],"latest_commit_sha":null,"homepage":"https://todo-app-optimized.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ajay-dhangar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":"Ajay-Dhangar","patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2025-07-18T08:35:35.000Z","updated_at":"2025-07-18T08:57:46.000Z","dependencies_parsed_at":"2025-07-18T12:40:39.354Z","dependency_job_id":"798b660a-243c-4bf5-841c-00396770f192","html_url":"https://github.com/ajay-dhangar/todo-app-optimized","commit_stats":null,"previous_names":["ajay-dhangar/todo-app-optimized"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/ajay-dhangar/todo-app-optimized","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajay-dhangar%2Ftodo-app-optimized","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajay-dhangar%2Ftodo-app-optimized/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajay-dhangar%2Ftodo-app-optimized/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajay-dhangar%2Ftodo-app-optimized/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ajay-dhangar","download_url":"https://codeload.github.com/ajay-dhangar/todo-app-optimized/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajay-dhangar%2Ftodo-app-optimized/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266112314,"owners_count":23878022,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["eslint","modern-ui","modern-ui-ux","performance","prettier","react","react-hooks","responsive-design","tailwindcss","todo-app","typescript","typescript-react","unit-testing","vite","vitest"],"created_at":"2025-07-20T11:06:25.598Z","updated_at":"2026-04-10T07:43:37.152Z","avatar_url":"https://github.com/ajay-dhangar.png","language":"TypeScript","funding_links":["https://github.com/sponsors/Ajay-Dhangar"],"categories":[],"sub_categories":[],"readme":"# 📝 TodoApp – Optimized React + TypeScript Application\n\nA modern, high-performance Todo application built using React, TypeScript, Vite, and Tailwind CSS. Designed with best practices in mind for performance, scalability, and maintainability.\n\n![TodoApp Screenshot](./assets/social-preview.png)\n\n---\n\n## ✨ Features\n\n- ⚛️ **React 18** with concurrent features\n- 🔐 **TypeScript** for static type checking\n- ⚡ **Vite** for lightning-fast development and builds\n- 🎨 **Tailwind CSS** for utility-first styling\n- 🧪 **Vitest** for fast unit \u0026 integration testing\n- 🧠 Optimized with `React.memo`, `useMemo`, `useCallback`\n- 🧼 Linting \u0026 formatting with ESLint + Prettier\n- 📱 Fully responsive and accessible design\n\n---\n\n## 🚀 Getting Started\n\n### Prerequisites\n- Node.js `v16+`\n- npm or yarn\n\n### Installation\n\n```bash\n# Clone the repository\ngit clone https://github.com/your-username/todo-app-optimized.git\ncd todo-app-optimized\n\n# Install dependencies\nnpm install\n\n# Start the dev server\nnpm run dev\n````\n\n### Run Tests\n\n```bash\nnpm run test\n```\n\n### Build for Production\n\n```bash\nnpm run build\nnpm run preview\n```\n\n---\n\n## 📁 Project Structure\n\n```\nsrc/\n├── components/       # Reusable UI components\n├── hooks/            # Custom hooks like useTodos\n├── types/            # Type definitions\n├── utils/            # Utility \u0026 performance helpers\n├── data/             # Mock data\n├── test/             # Unit tests (Vitest)\n├── App.tsx           # Root component\n├── main.tsx          # Entry point\n└── index.css         # Tailwind styles\n```\n\n---\n\n## 🧪 Testing\n\n* ✅ Hooks: 95% Coverage\n* ✅ Components: 88% Coverage\n* ✅ Utils: 100% Coverage\n\n```bash\nnpm run test:watch      # Watch mode\nnpm run test:coverage   # Generate coverage report\n```\n\n---\n\n## 📊 Performance Insights\n\n* 🚀 Lighthouse Scores:\n\n  * Performance: 95\n  * Accessibility: 98\n  * Best Practices: 100\n  * SEO: 95\n\n* 🧩 Bundle:\n\n  * Initial: \\~98 KB (gzipped)\n  * Lazy Loaded: \\~47 KB\n  * Total Assets: \\~145 KB\n\n---\n\n## 🧰 Developer Tools\n\n| Tool            | Purpose           |\n| --------------- | ----------------- |\n| React           | UI Library        |\n| TypeScript      | Type Safety       |\n| Vite            | Build Tool        |\n| Tailwind CSS    | Styling           |\n| Vitest          | Testing Framework |\n| ESLint/Prettier | Code Quality      |\n\n---\n\n## 📱 Responsive Design\n\n| Device  | Screen Width   |\n| ------- | -------------- |\n| Mobile  | \u003c 768px        |\n| Tablet  | 768px – 1024px |\n| Desktop | \u003e 1024px       |\n\n---\n\n## 🌍 Deployment Options\n\n* Vercel\n* Netlify\n* GitHub Pages\n* Docker\n\n```bash\nnpm run build\nnpm run preview\n```\n\n---\n\n## 🙌 Contributing\n\n1. Fork the repo\n2. Create a feature branch\n3. Write clean, tested code\n4. Run `npm run lint \u0026\u0026 npm run test`\n5. Create a PR with proper title \u0026 description\n\n---\n\n## 📄 License\n\nThis project is licensed under the [MIT License](./LICENSE).\n\n---\n\n## ❤️ Acknowledgments\n\n* [React](https://reactjs.org/)\n* [TypeScript](https://www.typescriptlang.org/)\n* [Vite](https://vitejs.dev/)\n* [Tailwind CSS](https://tailwindcss.com/)\n* [Vitest](https://vitest.dev/)\n\n---\n\nBuilt with 🔥 by [Ajay Dhangar](https://github.com/Ajay-Dhangar)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fajay-dhangar%2Ftodo-app-optimized","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fajay-dhangar%2Ftodo-app-optimized","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fajay-dhangar%2Ftodo-app-optimized/lists"}