DEV Community

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

Posted on β€’ Edited on

7 1

πŸš€ Angular 13 + ESLint, Material + Transloco + Jest, TestCafe + Docker + Prettier πŸš€

This is the Angular 13 Starter project you are looking for!

GitHub

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 source-map-explorer
βœ… 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

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

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

Top comments (0)

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post