Angular Example App is a beginner-friendly, production-ready web application built with Angular 19. It serves as a real-world example showcasing core Angular features such as CRUD operations, authentication, i18n (internationalization), lazy loading, and signals.
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.
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!) |
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.