Angular 10, NgRx and Angular Material Starter
Angular, NgRx, Angular CLI & Angular Material Starter Project
Under MIT License
By tomastrajan
Angular, NgRx, Angular CLI & Angular Material Starter Project
Under MIT License
By tomastrajan
Angular 12, NgRx and Angular Material Starter
by @tomastrajan
bash
git clone https://github.com/tomastrajan/angular-ngrx-material-starter.git new-project
cd new-project
npm install
npm start
npm start
- starts a dev server and opens browser with running appnpm run start:prod
- runs full prod build and serves prod bundlenpm run test
- runs lint and testsnpm run e2e
- runs end-to-end testsnpm run watch
- runs tests in watch modenpm run format:write
- runs prettier to format whole code base (.ts
and .scss
)npm run analyze
- runs full prod build and webpack-bundle-analyzer
to visualize how much code is shipped (dependencies & application)When using this starter project to build your own app you might consider some of the following steps:
search and replace
functionality of your favourite IDE to replace anms
with <your-app-prefix>
package.json
name
property and set appropriate version (eg 0.0.0
or 1.0.0
)-- --deploy-url /angular-ngrx-material-starter/ --base-href /angular-ngrx-material-starter
in package.json
, this is used to configure url (context path) on which the application will be available (eg. https://www.something.com/<context-path>/
)/environments/
files (will be shown in browser tab)CHANGELOG.md
(you will generate your own with future releases of your features)CODE_OF_CONDUCT.md
, CONTRIBUTING.md
and BUILT_WITH.md
files as they are relevant only if project is open sourced on Githubindex.html
/assets
folder ( currently 128 x 128 pixel png
file )/themes/default-theme.scss
BUILT_WITH.md
file with a link and short description of your projectStarter project is using Travis CI for running linters and tests on every commit.
Based on your preferences and needs you can either:
.travis.yml
and .travis-deploy.sh
GH_REF
and GH_TOKEN
environment variables for automatic deployment of releases to Github PagesThe main goal of this repository is to provide an up to date example of Angular application following all recent best practices in various areas like:
@ngrx/store
- including reducers, actions, selectors@ngrx/effects
- for implementation of side effects like http
requests, logging, notifications,...@ngrx/entity
- for CRUD operations@ngrx/router-store
- to connect the Angular Router to @ngrx/store@ngrx/store-devtools
- to enable a powerful time-travelling debugger.@angular/material
- material design component library, theming, ...This repository will also strive to always stay in sync with releases of Angular and the related libraries.
The nature of the repository is also a great match for first time open source contributors who can add
simple features and enhance test coverage, all contributors are more than welcome!
Articles with content that explains various approaches used to build this starter project.
@ngrx/effects
for API requestsSharedModule
Want to start contributing to open source with Angular?
Leave your mark and join the growing team of contributors!
Get started by checking out list of open issues and reading Contributor Guide
Tomas Trajan
Tim Deschryver
π€
Santosh Yadav
Moshe
hhubik
Muhammad Umair
Phil Merrell
Valery Kharshats
Neil Pathare
Peter Krieg
Alex
Fiona
Fabien DehoprΓ©
Matias Iglesias
Jeremy Kairis
Iago Andrade
aideslucas
Terry Strachan
Laurentiu Amagdei
Petar Djordjevic
Zachary DeRose
erhise
Joost ZΓΆllner
Tomasz Kula
Front-End Developer
Vishal Sodani
Kosmas SchΓΌtz
huyen1990
Chau (Joe) Nguyen
Amadou Sall
Dino
Mathias DΓΈhl
Carl in 't Veld
Abed Zantout
Peng Wang
Ray
alharto
roniaxe
MilΓ‘n Tenk
Kadar Hamza
Zakir π‘
Siddharth
Stephen Legge
Tino GΓΆtz
Dino
Changyu Geng
omaralharthy
mcanoglu
Dany Marques
universaltutor5
Dan Vargas
MilΓ‘n Tenk