Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wlucha/angular-starter
:rocket: Angular 19 Starter with Storybook, Transloco, Jest, Cypress, Docker, ESLint, Material & Prettier :rocket:
https://github.com/wlucha/angular-starter
angular angular-cli angular-docker angular-material angular19 auditjs boilerplate commit-lint compodoc cypress docker eslint jest material prettier starter starter-kit transloco typescript webpack-bundle-analyzer
Last synced: 2 days ago
JSON representation
:rocket: Angular 19 Starter with Storybook, Transloco, Jest, Cypress, Docker, ESLint, Material & Prettier :rocket:
- Host: GitHub
- URL: https://github.com/wlucha/angular-starter
- Owner: wlucha
- License: mit
- Created: 2020-05-14T19:09:19.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2025-01-31T17:49:26.000Z (12 days ago)
- Last Synced: 2025-02-03T01:38:29.937Z (9 days ago)
- Topics: angular, angular-cli, angular-docker, angular-material, angular19, auditjs, boilerplate, commit-lint, compodoc, cypress, docker, eslint, jest, material, prettier, starter, starter-kit, transloco, typescript, webpack-bundle-analyzer
- Language: HTML
- Homepage:
- Size: 4.9 MB
- Stars: 295
- Watchers: 6
- Forks: 63
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE-OF-CONDUCT.md
Awesome Lists containing this project
README
**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
```bash
# 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
```bash
# Build the Docker image
docker build . -t angular-starter
# Run the Docker container
docker run -p 3000:80 angular-starter
```
## Demo & Deployment 🖥️
- **Live Demo**: [Check it out on StackBlitz](https://stackblitz.com/github/wlucha/angular-starter)
- **Deploy to Heroku**: [](https://heroku.com/deploy)
## 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](https://github.com/wlucha/angular-starter/issues) 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.
[](https://github.com/wlucha/angular-starter)
## 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](CONTRIBUTING.md).
**Ready to build something amazing?** Clone this repo and start coding today! 🚀