DEV Community

Cover image for 🚀 Angular 18 + Cypress, Material + Transloco + Jest, EsLint + Docker + Prettier 🚀
wlucha
wlucha

Posted on

🚀 Angular 18 + Cypress, Material + Transloco + Jest, EsLint + Docker + Prettier 🚀

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

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

Angular 18
Angular Material
✅ Unit Testing with Jest
✅ End-to-End Testing with Cypress
✅ Internationalization with Transloco
✅ Auto documentation with Compodoc
✅ Provide component examples with Storybook
✅ Analyse your project with source-map-explorer
Docker
ESLint
Prettier
Commit Linting
AuditJS Audit this application using Sonatype OSS Index
✅ Auto-generate a CHANGELOG with auto-changelog

Deploy

Deploy

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](https://github.com/webpack-contrib/webpack-bundle-analyzer)
- `npm run compodoc` - Generate [compodoc](https://github.com/compodoc/compodoc) documentation
- `npm run version` - Generate changelog
- `npm run prettier` - Format the whole project
- `npm run audit` - Audit this application using Sonatype OSS Index
Enter fullscreen mode Exit fullscreen mode

License

MIT License

Copyright (c) 2024 Wilfried Lucha

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

Top comments (3)

Collapse
 
sm0ke profile image
Sm0ke

Nice ...

Collapse
 
mark3721 profile image
William Taylor

cool, thanks for your share

Collapse
 
jangelodev profile image
João Angelo

Hi wlucha,
Top, very nice and helpful !
Thanks for sharing.