Skip to content

🚀 Angular 19 Starter with Storybook, Transloco, Jest, Cypress, Docker, ESLint, Material & Prettier 🚀

License

Notifications You must be signed in to change notification settings

wlucha/angular-starter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Angular Starter Banner

Kickstart your next enterprise-grade Angular project with this robust, feature-rich starter template.
Designed to save you time and effort, this boilerplate provides everything you need to build scalable, maintainable, and high-quality Angular applications.

Why Choose This Starter? 🌟

This project is more than just a boilerplate – it's a production-ready foundation packed with modern tools and best practices. Whether you're building a small app or a large-scale enterprise solution, this starter has you covered.

Features 🛠️

Latest Angular 19 – Stay up-to-date with the newest Angular features.
Angular Material – Build beautiful, responsive UIs with Material Design.
Unit Testing with Jest – Fast and reliable testing for your components.
End-to-End Testing with Cypress – Ensure your app works flawlessly from start to finish.
Internationalization with Transloco – Easily support multiple languages.
Auto Documentation with Compodoc – Keep your codebase well-documented.
Component Examples with Storybook – Showcase and test your components in isolation.
Bundle Analysis with Source Map Explorer – Optimize your app's performance.
Docker Support – Simplify deployment and containerization.
Code Quality Tools – ESLint, Prettier, and Commit Linting for clean, consistent code.
Security Audits with AuditJS – Keep your dependencies secure.
Auto-Generated CHANGELOG – Track changes effortlessly with auto-changelog.

Quick Start 🚀

Installation

# Clone the repository
git clone https://github.com/wlucha/angular-starter
cd angular-starter

# Install dependencies
npm install

# Start the development server
npm run start

# Open your browser at http://localhost:4200

Docker Deployment

# Build the Docker image
docker build . -t angular-starter

# Run the Docker container
docker run -p 3000:80 angular-starter

Demo & Deployment 🖥️

Commands Overview 📜

Here are some of the most useful commands:

Command Description
npm run start Start the development server.
npm run lint Lint the project for code quality.
npm run test Run unit tests with Jest.
npm run build Build the project for production.
npm run compodoc Generate documentation with Compodoc.
npm run storybook Launch Storybook for component examples.
npm run audit Audit dependencies for security vulnerabilities.
npm run prettier Format the entire project with Prettier.

Why You'll Love This Project ❤️

  • Time-Saving: Skip the setup and focus on building your app.
  • Best Practices: Built with industry standards in mind.
  • Scalable: Perfect for small projects or large enterprise applications.
  • Community-Driven: Regularly updated and maintained by the community.

Feature Requests & Feedback 💡

We love ideas! 🚀
If you have a feature request or improvement suggestion:

  • Open a new issue with the feature request label.
  • Describe your idea clearly and provide context (e.g., "Why is this feature useful?").

Show Your Support ⭐

If this project helps you, please give it a star on GitHub! Your support motivates us to keep improving and adding new features.

GitHub Stars

License 📄

This project is licensed under the MIT License. Feel free to use, modify, and distribute it as you see fit.

Contributors ✨

A big thanks to all the contributors who have helped make this project better! Want to contribute? Check out the Contribution Guidelines.

Ready to build something amazing? Clone this repo and start coding today! 🚀