https://github.com/ismaestro/angular-example-app
Angular 19 Example App + i18n
https://github.com/ismaestro/angular-example-app
angular base-project example-project
Last synced: 6 months ago
JSON representation
Angular 19 Example App + i18n
- Host: GitHub
- URL: https://github.com/ismaestro/angular-example-app
- Owner: Ismaestro
- Created: 2016-11-22T17:10:18.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2025-04-10T09:00:11.000Z (7 months ago)
- Last Synced: 2025-04-10T10:41:07.687Z (7 months ago)
- Topics: angular, base-project, example-project
- Language: TypeScript
- Homepage: https://angular-example-app.netlify.app
- Size: 16.7 MB
- Stars: 2,239
- Watchers: 106
- Forks: 1,235
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
Angular Example App
Base project with Angular 19 and i18n
A real-world app made with :heart: and dedication!. Showcasing CRUD operations, advanced patterns, and much more. Dive in and explore!
DEMO HERE
## Setup
```bash
npm i
npm start
```
## Status
[](https://app.netlify.com/sites/angular-example-app/deploys)
## Server
This project is powered by a real application deployed on Fly.io. You can explore the codebase [here](https://github.com/Ismaestro/nestjs-example-app).
The server is built with NestJS, Prisma, and Postgres, ensuring a robust and modern backend architecture.
## What's included
- [x] Strict ESLint Rules: Enforcing clean and consistent code quality.
- [x] Standalone Components: Modern and modular Angular architecture.
- [x] Functional Guards: Enhanced route protection with clean and reusable logic.
- [x] Pokémon Fun!: Interact with Pokémon data via the PokeAPI.
- [x] Authentication: Secure JWT-based authentication.
- [x] Internationalization (i18n): Multilingual support with English and Spanish.
- [x] Lazy Loading: Efficient module loading for improved performance.
- [x] Logical Directory Structure: Easy-to-navigate, organized codebase.
- [x] Best Practices: Adheres to the [Angular Style Guide](https://angular.io/guide/styleguide).
- [x] Responsive Design: Built with CSS Grid and Flexbox for layouts.
- [x] Accessible: Usage of [Shoelace](https://shoelace.style/), a forward-thinking library of web components.
- [x] Optimized Images: Leveraging [NgOptimizedImage](https://angular.io/guide/image-directive) for performance.
- [x] SASS & BEM Styles: Maintainable and scalable styling.
- [x] 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](https://github.com/Ismaestro/angular-example-app/issues/new).
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
🚇
mansyaprime
💻
codeimmortal
💻
tomasfse
💻
golu
💻
rancyr
💻
codingphasedotcom
💻
Max
💻
Karajan
💻
Carl Chan
💻
Dyeimys Franco Correa
💻
Anartz Mugika Ledo
💻
## Copyright and license
Code and documentation copyright 2025 to the authors.
Code released under the [MIT License](https://github.com/Ismaestro/angular-example-app/blob/master/LICENSE).