amrtgaberamrtgaber
28

Angular2 Cli Webpack Docker

screenshot of Angular2 Cli Webpack Docker
bootstrap

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.

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.