Bootstrap Templates & Themes Logo Bootstrap Templates & Themes
Angular2 Cli Webpack Docker screenshot

Angular2 Cli Webpack Docker

Author Avatar Theme by Amrtgaber
Updated: 4 Dec 2016
28 Stars

Dockerized starter of angular 2 cli with webpack (including hot module reloading), typescript 2, scss, bootstrap 4, ng-bootstrap and animate.css

Github

Overview

The Angular 2 CLI with Webpack and Docker project is an innovative and experimental starter pack designed for developers interested in working with Angular and Docker. Built using Angular CLI version 1.0.0-beta.20-4, this project not only harnesses the powerful features of Angular 2 and Webpack, such as hot module reloading, but also comes pre-installed with SCSS, Bootstrap 4, ng-bootstrap, and animate.css. This makes it a practical tool for creating dynamic web applications while simplifying the development process with Docker.

This project serves as an educational tool rather than a definitive starter framework, encouraging users to fork and customize their setup according to their project’s requirements. As the developer notes, it is a stopgap solution until the Angular CLI can better cater to dockerized projects, making it an intriguing option for those looking to experiment and learn in the world of front-end development.

Features

  • Docker Compatibility: Comes fully dockerized, making it easy to set up and deploy applications within containers.

  • Angular CLI Integration: Leverages the Angular CLI to allow users to generate components using simple commands, streamlining the development workflow.

  • Hot Module Reloading: Enables real-time updates during development, meaning changes are reflected instantly without a full page reload.

  • Built-in SCSS Support: Features pre-configured SCSS to enhance styling capabilities and allow developers to leverage features like variables and nesting.

  • Responsive Design with Bootstrap 4: Integrates Bootstrap 4, providing a responsive layout and components out of the box, enhancing design and usability.

  • Unit Testing with Karma: Supports executing unit tests easily through ng test, ensuring code quality and functionality.

  • Customizability: Encourages users to modify and adapt the starter pack, allowing for unique project setups and aesthetics.

  • Educational Tool: Aimed at developers looking to learn about Angular and Docker, allowing them to explore the technologies in an applied context.