https://github.com/Ismaestro/angular-example-app

Angular 17 Example App + Standalone Components + i18n + EsBuild
https://github.com/Ismaestro/angular-example-app

angular

Last synced: about 2 months ago
JSON representation

Angular 17 Example App + Standalone Components + i18n + EsBuild

• Host: GitHub
• URL: https://github.com/Ismaestro/angular-example-app
• Owner: Ismaestro
• Created: 2016-11-22T17:10:18.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2024-11-05T11:28:36.000Z (2 months ago)
• Last Synced: 2024-11-11T16:23:46.610Z (2 months ago)
• Topics: angular
• Language: TypeScript
• Homepage: https://angular-example-app.netlify.app/
• Size: 16.2 MB
• Stars: 2,186
• Watchers: 108
• Forks: 1,212
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

• awesome-boilerplate - Angular Example App

README

        


  
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

```bash

npm i

npm start

```

## Status

[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=angular-example-app&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=angular-example-app)[![GitHub stars](https://img.shields.io/github/stars/ismaestro/angular8-example-app.svg?style=social&label=Star)](https://github.com/ismaestro/angular8-example-app)

[![GitHub forks](https://img.shields.io/github/forks/ismaestro/angular8-example-app.svg?style=social&label=Fork)](https://github.com/ismaestro/angular8-example-app/fork)

## Server

This project is using a real app deployed in fly.io, which you can see

[here](https://github.com/Ismaestro/nestjs-example-app). 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](https://github.com/ngneat/elf)

- [x] More logical directory structure

- [x] Following the [best practices](https://angular.io/guide/styleguide)!

- [x] Responsive layout with Bootstrap 5

- [x] Use of [NgOptimizedImage](https://angular.io/guide/image-directive)

- [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](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!

## Creators

**Ismael Ramos**

- 

## 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](https://github.com/Ismaestro/angular-example-app/blob/master/LICENSE).

Enjoy :metal: