Example app with Angular 19 + i18n + Standalone Components
👏👏🎉🎉🎉🎉👏👏
A real-world app crafted with ❤️ and dedication!. Showcasing CRUD operations, advanced patterns, and much more. Dive in and explore!
DEMO HERE
npm i
npm startThis project is powered by a real application deployed on Fly.io. You can explore the codebase here. The server is built with NestJS, Prisma, and Postgres, ensuring a robust and modern backend architecture.
- Strict ESLint Rules: Enforcing clean and consistent code quality.
- Standalone Components: Modern and modular Angular architecture.
- Functional Guards: Enhanced route protection with clean and reusable logic.
- Pokémon Fun!: Interact with Pokémon data via the PokeAPI.
- Authentication: Secure JWT-based authentication with Interceptors and Guards.
- Internationalization (i18n): Multilingual support with English and Spanish.
- Lazy Loading: Efficient module loading for improved performance.
- Logical Directory Structure: Easy-to-navigate, organized codebase.
- Best Practices: Adheres to the Angular Style Guide.
- Responsive Design: Built with CSS Grid and Flexbox for layouts.
- Accessible: Usage of Shoelace, a forward-thinking library of web components.
- Optimized Images: Leveraging NgOptimizedImage for performance.
- SASS & BEM Styles: Maintainable and scalable styling.
- Animations: Smooth and engaging UI interactions using Angular's powerful animations API.
- Comprehensive Testing: Example tests for Components, Services, Interceptors, Directives, and Guards.
- End-to-End Testing: Fully configured with Playwright.
Found a bug or have a feature request? Before submitting, please check the issue guidelines and search through existing and closed issues. If your problem or idea hasn’t been addressed yet, please open a new issue.
If you have an idea or you want to do something, tell me or just do it! I'm always happy to hear your feedback!
Code and documentation copyright 2023 the authors. Code released under the MIT License.
Enjoy 🤘