Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Angular Example App is a beginner-friendly, production-ready web application built with Angular 21. It serves as a real-world example showcasing core Angular features such as CRUD operations, authentication, i18n, lazy loading, and signals.

Notifications You must be signed in to change notification settings

Ismaestro/angular-example-app

Open more actions menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1,014 Commits
1,014 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 Angular Example App

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

Demo example


📦 Why This Project?

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.

🛠️ Getting Started

npm i
npm start

🚨 Live Status

Netlify Status


🌍 Backend API

This app connects to a real backend powered by NestJS, PostgreSQL, and Prisma, deployed on Fly.io. You can explore the codebase here.


✨ Features

✅ Angular 21 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
✅ SSG & Prerendering Static Site Generation for index and Pokémon pages
✅ Animations Smooth transitions with Angular Animations
✅ Clean Architecture Modular folder structure following best practices
✅ SASS & BEM Maintainable and scalable styling
✅ Tests E2E Using Playwright and also with best practices (POM)
✅ Lighthouse Verifying web performance with defined thresholds
🧪 Testing Unit (coming soon!)

🧩 Roadmap

  • Component & service testing with Vitest!

🐛 Found a bug? Got an idea?

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.


🤝 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

💻
OrlPep
OrlPep

💻

License

This project is licensed under the MIT License.

About

Angular Example App is a beginner-friendly, production-ready web application built with Angular 21. It serves as a real-world example showcasing core Angular features such as CRUD operations, authentication, i18n, lazy loading, and signals.

Topics

Resources

Stars

Watchers

Forks

Contributors

Morty Proxy This is a proxified and sanitized view of the page, visit original site.