by @tomastrajan
- Live Demo
- Getting Started
- Useful Commands
- Make It Your Own
- Learning Materials
- List of Projects Built Using This Starter
- Features
- Stack
- Code of Conduct
- Contributors Guide
- Changelog ( get notified about the newest releases, follow Release Butler on Twitter )
git clone https://github.com/tomastrajan/angular-ngrx-material-starter.git new-project
cd new-project
npm install
npm startnpm start- starts a dev server and opens browser with running appnpm run test- runs lint and testsnpm run watch- runs tests in watch modenpm run prod- runs full prod build and serves prod bundlenpm run prettier- runs prettier to format whole code base (.tsand.scss)npm run analyze- runs full prod build andwebpack-bundle-analyzerto 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:
- use
search and replacefunctionality of your favourite IDE to replaceanmswith<your-app-prefix> - rename project in
package.jsonnameproperty and set appropriate version (eg0.0.0or1.0.0) - rename app in
src/environments/files (will be shown in browser tab) - delete pre-existing
CHANGELOG.md(you will generate your own with future releases of your features) - delete
CODE_OF_CONDUCT.md,CONTRIBUTING.mdandBUILT_WITH.mdfiles as they are relevant only if project is open sourced on Github - remove or adjust links in the footer
- replace logo in
src/assetsfolder ( currently 45 x 48 pixelpngfile ) - adjust colors in
src/themes/default-theme.scss - create a pull request in the original repository to update
BUILT_WITH.mdfile with a link and short description of your project
Starter project is using Travis CI for running linters and tests on every commit. Based on your preferences and needs you can either:
- not use / use other CI server and delete both
.travis.ymland.travis-deploy.sh - create Travis CI account and link it to your projects Github repo and configure build
with
GH_REFandGH_TOKENenvironment variables for automatic deployment of releases to Github Pages
- Demo & Documentation
- Blog post about Best Practices for Angular CLI used in this starter project
- Blog post about Typescript tips for Ngrx reducer code
- custom themes support (3 themes included)
- lazy-loading of feature modules
- lazy reducers
- localStorage ui state persistence
@ngrx/effectsfor API requests- fully responsive design
- angular-material and custom components in
SharedModule
- Angular
- ngrx (or try ngx-model if you prefer less boilerplate)
- Angular Material
- Bootstrap 4 (only reset, utils and grids)
Built with and uses Angular CLI

