Skip to content

matsta25/angular-starter-app

Repository files navigation

project under maintenance

Angular Starter App

Angular Starter App

TravisCi Build Status CodeFactor pipeline status MIT badge

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

Angular Starter App * 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.

Copyright (c) 2020 Mateusz Stanczak