DEV Community

Cover image for πŸš€ Angular 13 Starter with ESLint, Material, Transloco, Jest, TestCafe, Docker & Prettier πŸš€
wlucha
wlucha

Posted on • Edited on

πŸš€ Angular 13 Starter with ESLint, Material, Transloco, Jest, TestCafe, Docker & Prettier πŸš€

Angular 13 Starter with Material, Transloco, Jest, Compodoc, Docker Support, ESLint & Prettier

Project

You can find the project here:

https://github.com/wlucha/angular-starter

Features

βœ… Angular 13

βœ… Angular Material

βœ… Unit Testing with Jest

βœ… End-to-End Testing with TestCafΓ©

βœ… Internationalization with Transloco

βœ… Auto documentation with Compodoc

βœ… Analyse your project with webpack-bundle-analyzer

βœ… Docker

βœ… ESLint

βœ… Prettier

βœ… Commit Linting

Demo

StackBlitz Demo

Install / Development

# Clone the project $ git clone https://github.com/wlucha/angular-starter $ cd angular-starter # Install dependencies $ npm install # Start server $ npm run start # Open in browser: http://localhost:4200 
Enter fullscreen mode Exit fullscreen mode

Docker Deployment

# Build Docker image $ docker build . -t angular-starter # Run Docker Container $ docker run -p 3000:80 angular-starter 
Enter fullscreen mode Exit fullscreen mode

Docker Hub

https://hub.docker.com/r/wlucha/angular-starter

Commands

  • npm run start - start the app
  • npm run lint - lint the project
  • npm run test - run unit tests
  • npm run build - build the project
  • npm run build:prod - build the project in production mode
  • npm run build:prod:stats - build the project in product mode with stats
  • npm run analyse - analyse bundle with webpack-bundle-analyzer
  • npm run compodoc - generate compodoc documentation
  • npm run changelog - generate changelog
  • npm run prettier - format the whole project

Top comments (0)