project under maintenance

Angular Starter App

Angular Starter App is real word boilerplate to speedup your development. Just focus on your main features and dont waist your time on setting up the whole necessary angular environment.

If you are interested of contributing, go to CONTRIBUTING to make this project more awesome! 😎

Why Angular Starter App?

Using this starter you will save a lot of hours and this will make sure that you are creating your app following the best practise.

Features

Highly scalable folder structure (core & shared module)
Installed and plugged ngrx (store, effects, devtools), Angular Material and Bootstrap
Lazy loading feature
Notifications
Offline indicator
Http err handing
Mock api (json-server)
Loading bar
Localstorage
Multi env. files
Configured tslint rules
Docker and docker-compose
Proxy
etc.

Live Demo

StackBlitz is available - HERE 🔥 !

App demo is available - HERE 🔥 !

Getting Started

^{* dont forget to run mock using `npm run mock` in another bash tab.}

Check out documentation - HERE 📜 !

App structure

├── mock
│   ├── index.js
│   └── routes.json
├── src
│   ├── app
│   │   ├── app.component.html
│   │   ├── app.component.scss
│   │   ├── app.component.ts
│   │   ├── app.module.ts
│   │   ├── app-routing.module.ts
│   │   ├── core
│   │   │   ├── app-store
│   │   │   │   ├── app-store.effects.ts
│   │   │   │   ├── app-store.reducers.ts
│   │   │   │   └── app-store.state.ts
│   │   │   ├── components
│   │   │   │   ├── footer
│   │   │   │   ├── header
│   │   │   │   ├── home
│   │   │   │   └── page-not-found
│   │   │   └── core.module.ts
│   │   ├── features
│   │   │   └── posts
│   │   │       ├── components
│   │   │       │   └── posts
│   │   │       │       ├── posts.component.html
│   │   │       │       ├── posts.component.scss
│   │   │       │       └── posts.component.ts
│   │   │       ├── models
│   │   │       │   └── post.model.ts
│   │   │       ├── posts.module.ts
│   │   │       ├── posts-routing.module.ts
│   │   │       ├── services
│   │   │       │   └── posts-api.service.ts
│   │   │       └── store
│   │   │           ├── posts.actions.ts
│   │   │           ├── posts.effects.ts
│   │   │           ├── posts.reducer.ts
│   │   │           ├── posts.selectors.ts
│   │   │           └── posts.state.ts
│   │   └── shared
│   │       ├── components
│   │       │   └── notification
│   │       ├── interceptors
│   │       │   ├── index.ts
│   │       │   └── message.interceptor.ts
│   │       ├── material.module.ts
│   │       ├── models
│   │       │   ├── http-response-model.model.ts
│   │       │   ├── local-storage-key.model.ts
│   │       │   └── snackbar.model.ts
│   │       ├── services
│   │       │   ├── error-handler.service.ts
│   │       │   ├── error.service.ts
│   │       │   ├── local-storage.service.ts
│   │       │   ├── logger.service.ts
│   │       │   └── notification-bar.service.ts
│   │       ├── shared.module.ts
│   │       └── store
│   │           ├── shared.actions.ts
│   │           ├── shared.effects.ts
│   │           ├── shared.reducer.ts
│   │           ├── shared.selectors.ts
│   │           └── shared.state.ts
│   ├── environments
│   │   ├── environment.one.ts
│   │   ├── environment.prod.ts
│   │   ├── environment.ts
│   │   └── environment.two.ts
│   ├── styles.scss
│   └── test.ts
├── docker-compose.yml
├── Dockerfile
├── nginx.conf
├── proxy.conf.json
└── tslint.json

Contributing

Want to file a bug, contribute some code, or improve documentation? Excellent!

Read up on guidelines for CONTRIBUTING.

Contributors

This project exists thanks to all these people 💪 :

License

Everything in this repository is licensed under the MIT License unless otherwise specified.

cichy380 / angular-starter-app