-
- :clap::clap::tada::tada::tada::tada::clap::clap: -
-
- Real World App made with much :heart:. Contains CRUD, advanced patterns and much more! -
-
-
- -
- DEMO HERE +
-
- Example app with Angular 15 + i18n + Standalone Components and GraphQL
-
-
- :clap::clap::tada::tada::tada::tada::clap::clap:
-
-
- Real World App made with much :heart:. Contains CRUD, advanced patterns and much more!
-
-
-
-
-
- DEMO HERE
+
+ 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
+
+ 
 Tom Gamull 🚇 |
+  mansyaprime 💻 |
+  codeimmortal 💻 |
+  tomasfse 💻 |
+  golu 💻 |
+  rancyr 💻 |
+  codingphasedotcom 💻 |
+
 Max 💻 |
+  Karajan 💻 |
+  Carl Chan 💻 |
+  Dyeimys Franco Correa 💻 |
+  Anartz Mugika Ledo 💻 |
+  OrlPep 💻 |
+
-
- 
-
-
+ This project is a modern, real-world application designed as a foundation for creating new + Angular-based projects and also a practical resource for learning. +
+ ++ It comes with features like internationalization, standalone components, a more logical folder + structure, etc, making it a great starting point for building scalable Angular apps. +
+ ++ Whether you’re looking for a boilerplate or a solid base project, this setup is designed to help + you create clean, maintainable code with ease. +
+ ++ This project leverages the PokeAPI to provide fun and practical examples, making it + easier to understand key concepts in Angular development. By using data from the Pokémon + universe, it offers a familiar and engaging way to showcase features like fetching data, + handling API calls, and displaying dynamic content. +
+ +Unlock reactivity with Angular Signals.
++ Signals provide a declarative way to manage state and reactivity in your application, + simplifying data flow and improving performance. +
+Build apps for a global audience.
++ Angular’s internationalization tools make it seamless to localize your app, handle + translations, and format dates, numbers, and currencies for any locale. +
+Effortless form handling and validation.
++ Reactive Forms empower you to create robust, dynamic forms with a model-driven approach, + making validation, dynamic updates, and testing a breeze. +
+Bring your UI to life with Angular Animations.
++ Create smooth transitions and engaging effects with Angular’s powerful animation API, + making your application visually appealing and interactive. +
+Users seeing this page: {{ activeUsersResource.value().activeUsers }}
+Loading...
+{{pokemon()?.name | firstTitleCase}}
+N.º: {{pokemon()?.order}}
+Height: {{pokemon()?.height}} dm
+Weight: {{pokemon()?.weight}} hg
+ } ++ 🎯 Nice catch, {{user?.name}}! You’re one step closer to being a Pokémon Master—keep it + up! 🌟 +
+ } @else if (userHasPokemon()) { +Already got this one, keep going!
+ } @else { +Still gotta catch 'em all, this one's missing from your Pokédex!
+N.º: {{pokemon()?.order}}
+Height: {{pokemon()?.height}} dm
+Weight: {{pokemon()?.weight}} hg
++ Uh-oh, it looks like you haven’t caught any Pokémon yet! Need help finding a pokemon? + Try using the search bar to track them down. Gotta catch ‘em all! +
+
-
-
-
-
-
-
- -
- -- This heroes are available to all the users and you can vote for them! -
-{{ hero.alterEgo }}
- {{ hero.realName }} -
- - {{ user.firstname }} -
- - {{ user.email }} - - Free plan -| - | Alter-ego | -Real name | -- | |
|---|---|---|---|---|
| {{ i + 1 }} | -{{ hero.alterEgo }} | -{{ hero.realName }} | -- - | -|
| You don't have any heroes. Go and create one! | -||||
-