{"id":29416962,"url":"https://github.com/valerymelou/vibe-todo","last_synced_at":"2026-05-08T06:41:32.113Z","repository":{"id":304075676,"uuid":"1017690172","full_name":"valerymelou/vibe-todo","owner":"valerymelou","description":"A modern, feature-rich todo application built with Angular 20 and Tailwind CSS 4.0.","archived":false,"fork":false,"pushed_at":"2025-07-11T02:13:18.000Z","size":1207,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-07-11T05:55:37.799Z","etag":null,"topics":["angular","copilot","tailwindcss"],"latest_commit_sha":null,"homepage":"https://valerymelou.github.io/vibe-todo/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/valerymelou.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2025-07-11T00:21:02.000Z","updated_at":"2025-07-11T02:12:41.000Z","dependencies_parsed_at":"2025-07-11T06:05:47.119Z","dependency_job_id":null,"html_url":"https://github.com/valerymelou/vibe-todo","commit_stats":null,"previous_names":["valerymelou/vibe-todo"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/valerymelou/vibe-todo","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/valerymelou%2Fvibe-todo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/valerymelou%2Fvibe-todo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/valerymelou%2Fvibe-todo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/valerymelou%2Fvibe-todo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/valerymelou","download_url":"https://codeload.github.com/valerymelou/vibe-todo/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/valerymelou%2Fvibe-todo/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264890087,"owners_count":23678833,"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":["angular","copilot","tailwindcss"],"created_at":"2025-07-11T20:08:23.191Z","updated_at":"2025-10-19T08:34:36.010Z","avatar_url":"https://github.com/valerymelou.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🎯 Vibe Todo App\n\nA modern, feature-rich todo application built with Angular 20 and Tailwind CSS 4.0.\n\n## ✨ Features\n\n- **Modern Angular 20** with zoneless architecture\n- **Standalone components** (no NgModules)\n- **Signals-based state management** for reactive updates\n- **Tailwind CSS 4.0** for styling\n- **Dark mode support** with system preference detection\n- **Smooth animations** and micro-interactions\n- **Local storage persistence** - your todos survive page refreshes\n- **Responsive design** - works on all devices\n- **Full accessibility** - keyboard navigation and screen reader support\n\n## 🚀 Todo Features\n\n- ✅ Add new todos with form validation\n- ✅ Edit todos inline (double-click to edit)\n- ✅ Delete todos with smooth animations\n- ✅ Toggle completion status\n- ✅ Filter todos (All, Active, Completed)\n- ✅ Bulk actions (Check All, Clear Completed)\n- ✅ Progress tracking with visual progress bar\n- ✅ Statistics and counters\n- ✅ Theme toggle (Light/Dark/System)\n\n## 🛠️ Technologies Used\n\n- **Angular 20** - Latest version with zoneless architecture\n- **Tailwind CSS 4.0** - Latest utility-first CSS framework\n- **TypeScript** - Type-safe development\n- **RxJS** - Reactive programming\n- **Yarn** - Package manager\n\n## 📦 Installation\n\n```bash\n# Clone the repository\ngit clone https://github.com/yourusername/vibe-todo.git\ncd vibe-todo\n\n# Install dependencies\nyarn install\n\n# Start development server\nyarn start\n```\n\n## 🎮 Development\n\n```bash\n# Development server\nyarn start\n\n# Build for production\nyarn build:prod\n\n# Run tests\nyarn test\n\n# Deploy to GitHub Pages\nyarn deploy\n```\n\n## 🚀 Deployment\n\n### GitHub Pages\n\n1. **Create a GitHub repository** and push your code\n2. **Configure base href** in the deploy script (already set up)\n3. **Deploy with one command**:\n   ```bash\n   yarn deploy\n   ```\n\nThe app will be available at `https://yourusername.github.io/vibe-todo/`\n\n### Manual Deployment\n\n1. Build for production:\n\n   ```bash\n   yarn build:prod\n   ```\n\n2. Deploy the `dist/vibe-todo-app/browser/` directory to your hosting service\n\n## 🎨 Architecture\n\n- **Signals** for reactive state management\n- **Standalone components** for modern Angular architecture\n- **Dependency injection** with `inject()` function\n- **New control flow** syntax (`@if`, `@for`, `@switch`)\n- **Service-based architecture** for business logic\n- **TypeScript interfaces** for type safety\n\n## 🌙 Dark Mode\n\nThe app supports three theme modes:\n\n- **Light** - Traditional light theme\n- **Dark** - Dark theme for low-light environments\n- **System** - Automatically follows your system preference\n\n## 📱 Responsive Design\n\nThe app is fully responsive and works beautifully on:\n\n- 📱 Mobile devices\n- 📱 Tablets\n- 💻 Desktop computers\n\n## ♿ Accessibility\n\n- Full keyboard navigation support\n- Screen reader compatible\n- ARIA labels and roles\n- Focus management\n- High contrast support\n\n## 🤝 Contributing\n\n1. Fork the repository\n2. Create a feature branch\n3. Make your changes\n4. Add tests if applicable\n5. Submit a pull request\n\n## 📄 License\n\nThis project is licensed under the MIT License.\n\n## 🙏 Acknowledgments\n\n- Built with Angular 20 and Tailwind CSS 4.0\n- Inspired by modern todo app designs\n- Uses the latest web development best practices\n\n---\n\n**Made with ❤️ using Angular 20 \u0026 Tailwind CSS 4.0**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvalerymelou%2Fvibe-todo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvalerymelou%2Fvibe-todo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvalerymelou%2Fvibe-todo/lists"}