DEV Community

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

Posted on β€’ Edited on

1 1

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

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

Project
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

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

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