Skip to content

Ismaestro/angular-example-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Angular Example App

Base project with Angular 19 and i18n

A real-world app made with ❤️ and dedication!. Showcasing CRUD operations, advanced patterns, and much more. Dive in and explore!

Demo example

DEMO HERE

Setup

npm i
npm start

Status

Netlify Status

Server

This 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.

What's included

  • 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.
  • 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. [PENDING]
  • End-to-End Testing: Fully configured with Playwright. [PENDING]

Bugs and feature requests

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!

Contributors

Tom Gamull
Tom Gamull

🚇
mansyaprime
mansyaprime

💻
codeimmortal
codeimmortal

💻
tomasfse
tomasfse

💻
golu
golu

💻
rancyr
rancyr

💻
codingphasedotcom
codingphasedotcom

💻
Max
Max

💻
Karajan
Karajan

💻
Carl Chan
Carl Chan

💻
Dyeimys Franco Correa
Dyeimys Franco Correa

💻
Anartz Mugika Ledo
Anartz Mugika Ledo

💻

Copyright and license

Code and documentation copyright 2025 to the authors.

Code released under the MIT License.