Giter Club home page Giter Club logo

angular-example-app's Introduction

Angular Example App

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

๐Ÿ‘๐Ÿ‘๐ŸŽ‰๐ŸŽ‰๐ŸŽ‰๐ŸŽ‰๐Ÿ‘๐Ÿ‘

Real World App made with much โค๏ธ. Contains CRUD, advanced patterns and much more!

Demo example

DEMO HERE

Setup

npm i
npm start

Status

Quality Gate StatusGitHub stars GitHub forks

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

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

Thanks

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

Buy me a coffe

Copyright and license

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

Enjoy ๐Ÿค˜

angular-example-app's People

Contributors

ismaestro avatar ismaelramosmeta avatar magicalyak avatar snyk-bot avatar mugan86 avatar mansya avatar dyeimys avatar dependabot[bot] avatar carlchandev avatar herbertkarajan avatar scip92 avatar codacy-badger avatar codeimmortal avatar codingphasedotcom avatar golu7679 avatar tomasfse avatar v-rr avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.