angular example app

Angular Example App

Example app with Angular 17 + i18n + Standalone Components and Es-Build Enabled

:clap::clap::tada::tada::tada::tada::clap::clap:

Real World App made with much :heart:. Contains CRUD, advanced patterns and much more!



DEMO HERE

Setup

npm i
npm start

Status

Server

This project is using a real app deployed in fly.io, which you can see
here. The server is using NestJS, Prisma,
Postgres and GraphQL. Please check it out and also feel free to contribute or give me your thoughts.

What’s included

• [x] Standalone components
• [x] Functional Guards
• [x] CRUD: create, update and remove heroes with this project!
• [x] Authentication with JWT tokens (Interceptor and Guard)
• [x] Internationalization with the official i18n. English and Spanish available.
• [x] Lazy loading modules
• [x] Amazing reactive functionalities with elf
• [x] More logical directory structure
• [x] Following the best practices!
• [x] Responsive layout with Bootstrap 5
• [x] Use of NgOptimizedImage
• [x] SASS with BEM styles
• [x] Example tests for: Component, Service, Interceptor, Directive and Guard
• [x] End-to-end tests configuration with Playwright
• [x] Very strict ESLint rules

Bugs and feature requests

Have a bug or a feature request? Please first read the issue guidelines and search for existing and
closed issues. If your problem or idea is not 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!

Creators

Ismael Ramos

• https://github.com/ismaestro

Thanks

I´m developing this project in my free time, but also thanks to all contributors!

Copyright and license

Code and documentation copyright 2023 the authors. Code released under the
MIT License.

Enjoy 🤘