All Projects → Ismaestro → Angular9 Example App

Ismaestro / Angular9 Example App

Licence: mit
Angular 13 Example App + Angular CLI + i18n + GraphQL

Programming Languages

typescript
32286 projects
HTML
75241 projects
SCSS
7915 projects
CSS
56736 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Angular9 Example App

angular-seo
Angular 13 Example SEO Search engine optimization + PWA + SSR + Lazyloading
Stars: ✭ 58 (-96.72%)
Mutual labels:  angular-cli, example-project, example-app, angular13
Razzle Material Ui Styled Example
Razzle Material-UI example with Styled Components using Express with compression
Stars: ✭ 117 (-93.39%)
Mutual labels:  universal, example-project, boilerplate, ssr
Koa React Universal
lightweight React-Koa2 universal boilerplate, only what is essential
Stars: ✭ 112 (-93.67%)
Mutual labels:  universal, boilerplate, ssr
angular-pwa
Angular 13 Example Progressive Web App (PWA)
Stars: ✭ 45 (-97.46%)
Mutual labels:  angular-cli, example-project, angular13
Django Crud Ajax Login Register Fileupload
Django Crud, Django Crud Application, Django ajax CRUD,Django Boilerplate application, Django Register, Django Login,Django fileupload, CRUD, Bootstrap, AJAX, sample App
Stars: ✭ 118 (-93.33%)
Mutual labels:  sample-app, example-project, boilerplate
React Redux Saucepan
A minimal and universal react redux starter project. With hot reloading, linting and server-side rendering
Stars: ✭ 86 (-95.14%)
Mutual labels:  universal, boilerplate, ssr
angular-ssr
Angular 14 Example SSR (Server side rendering)
Stars: ✭ 92 (-94.8%)
Mutual labels:  example-project, example-app, angular13
angular-routing
Angular 13 Example Routing
Stars: ✭ 21 (-98.81%)
Mutual labels:  example-project, example-app, angular13
Firebase Functions Next Example
Host a Next.js SSR React app on Cloud Functions for Firebase with Firebase Hosting
Stars: ✭ 215 (-87.85%)
Mutual labels:  firebase, universal, ssr
React Firebase Starter
Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay
Stars: ✭ 4,366 (+146.81%)
Mutual labels:  firebase, boilerplate, ssr
React Starter Kit
React Starter Kit — front-end starter kit using React, Relay, GraphQL, and JAM stack architecture
Stars: ✭ 21,060 (+1090.5%)
Mutual labels:  i18n, boilerplate, ssr
Universal
Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Webpack, CLI scaffolding, dev/prod modes, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer
Stars: ✭ 669 (-62.18%)
Mutual labels:  i18n, universal, angular-cli
Next Advanced Apollo Starter
Advanced, but minimalistic Next.js pre-configured starter with focus on DX
Stars: ✭ 131 (-92.59%)
Mutual labels:  i18n, universal, boilerplate
Suicrux
🚀 Ultimate universal starter with lazy-loading, SSR and i18n. [not maintained]
Stars: ✭ 958 (-45.85%)
Mutual labels:  universal, boilerplate, ssr
Veluxi Starter
Veluxi Vue.js Starter Project with Nuxt JS and Vuetify
Stars: ✭ 39 (-97.8%)
Mutual labels:  i18n, boilerplate, ssr
Play Java Websocket Example
Example Play Java application showing Websocket usage with Akka actors
Stars: ✭ 86 (-95.14%)
Mutual labels:  sample-app, example-project
Ant Design Pro Plus
✨ 基于 ant-design-pro 做一些微小的工作。
Stars: ✭ 88 (-95.03%)
Mutual labels:  firebase, boilerplate
Preact Redux Isomorphic
preact-redux-isomorphic PWA SPA SSR best practices and libraries in under 80kB page size (for live demo click the link below)
Stars: ✭ 85 (-95.2%)
Mutual labels:  boilerplate, ssr
Oh My Fullstack
🚀 Full stack web application skeleton (Next.js, Redux, RxJS, Immutable, Express)
Stars: ✭ 99 (-94.4%)
Mutual labels:  boilerplate, ssr
Wild Next
Our next.js boilerplate with sane base configuration.
Stars: ✭ 101 (-94.29%)
Mutual labels:  boilerplate, ssr

Angular Example App

Example app with Angular 13 + Angular CLI + i18n + Graphql

👏👏🎉🎉🎉🎉👏👏

Base project made with much ❤️. Contains CRUD, advanced patterns, generated library, and much more!

Demo example

DEMO HERE

Setup

npm i
npm start

Status

Quality Gate Status Coverage GitHub stars GitHub forks

Backend

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

What's included

  • CRUD: create, update and remove heroes with this project!
  • Authentication with JWT tokens and js-cookie
  • Internationalization with the official i18n. English and Spanish available.
  • Lazy loading modules
  • Service Workers enabled!
  • More logical directory structure
  • Basic example library
  • Following the best practices!
  • Search bar, to look for heroes
  • Custom loading page
  • Example of Angular Resolver for Hero Detail
  • Lazy loading images with ng-lazyload-image
  • Modal and toasts (snakbar)!
  • Scroll restoration and anchor examples
  • Responsive layout (flex layout module)
  • SASS (most common used functions and mixins) and BEM styles
  • Animations with ng-animate
  • Angular Pipes
  • Interceptors and Events
  • Auth guard for some routes
  • Modernizr (browser features detection)
  • Browser filter (Bowser) because of IE ^^
  • Sentry! (logs every error in the app)
  • Google Tag Manager
  • ES6 Promises and Observables
  • End-to-end tests with Cypress App Actions. Read this!

i18n

This project is using the official internationalization. You can navigate through every language If you want to translate the messages you can use this awesome tool, Tiny Translator.

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.

Creators

Ismael Ramos

Thanks

Thanks to all contributors and their support.

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!

Copyright and license

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

Enjoy 🤘

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].