Your all-in-one real-world Angular starter — built for learning, productivity, and scaling.
Crafted with ❤️ to showcase real best practices in action: standalone components, signals, routing, i18n, authentication and more.
🔥 Live Demo
Whether you're just starting with Angular or looking for a solid base for your next app, this project has you covered.
- ✅ Beginner-friendly: Clean code, best practices, and detailed structure.
- ✅ Production-ready: Real APIs, authentication, modular architecture.
- ✅ Feature-rich: Not just a to-do list! Real-world logic you’ll use in any serious project.
- ✅ Made with love: Built by passionate developers, for the community.
npm i
npm start
This app connects to a real backend powered by NestJS, PostgreSQL, and Prisma, deployed on Fly.io. You can explore the codebase here.
| ✅ Angular 19 | Using the latest version |
| ✅ Internationalization | i18n with English and Spanish |
| ✅ Authentication | JWT-based, real login flow |
| ✅ Routing & Guards | Functional guards with lazy-loaded routes |
| ✅ Responsive Design | Mobile-first layouts with Flexbox and Grid |
| ✅ APIs | Example integration with the PokeAPI |
| ✅ Shoelace Components | Accessible and modern UI components |
| ✅ NgOptimizedImage | Fast image loading with Angular's directive |
| ✅ Animations | Smooth transitions with Angular Animations |
| ✅ Clean Architecture | Modular folder structure following best practices |
| ✅ SASS & BEM | Maintainable and scalable styling |
| 🧪 Testing | Unit & e2e testing (coming soon!) |
- Component & service testing with Angular Testing Library
- End-to-End tests with Playwright
We love feedback! If something doesn't work or you think of a cool new feature, open an issue or contribute directly with a PR.
 Tom Gamull 🚇 |
 mansyaprime 💻 |
 codeimmortal 💻 |
 tomasfse 💻 |
 golu 💻 |
 rancyr 💻 |
 codingphasedotcom 💻 |
 Max 💻 |
 Karajan 💻 |
 Carl Chan 💻 |
 Dyeimys Franco Correa 💻 |
 Anartz Mugika Ledo 💻 |
This project is licensed under the MIT License.