Skip to content

cichy380/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

About

Angular Starter Template

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 67.7%
  • HTML 20.4%
  • CSS 7.5%
  • JavaScript 2.5%
  • Shell 1.5%
  • Dockerfile 0.4%