Angular Boilerplate Plain
Get an angular application up and running FAST! This project contains a base angular application with commonly needed features like: Logging, Loading Spinner, Http Request Caching and more.
Overview
This project is a boilerplate generated with Angular CLI version 11.0.3. It primarily focuses on providing authentication pages and serves as an example layout for Angular applications. The project does not have a defined backend, but it aims to provide useful base features that can be used in any project, such as loading spinner, HTTP requests, and error handling. The folder structure of this project is inspired by a video, and it aims to speed up the process of creating a new Angular application.
Features
- @ngrx/store and @ngrx/effects: Angular Redux implementation.
- Dynamic loading spinner: Shown during any and all HTTP requests.
- Authentication Guard: Ensures authorized access to protected routes.
- Base components: Includes card, confirm dialog, and user-avatar.
- Local/session storage: Includes pre-configured prefix for easy data storage.
- Dynamic model implementation: Uses user.model.ts as an example.
- Base application layout: Includes dynamic sidebar, header, and footer.
- Service Worker implementation: Enables offline usage of the application.
- Base SCSS flexbox classes: Provides flexible layout options.
- Various SCSS mixins and theme implementation: Customize the styling easily.
- Testing infrastructure: Includes unit tests and end-to-end tests.
- Global Error Handling: Handles errors throughout the application.
- Lazy loading of feature modules: Enhances application performance.
- HTTP Route cache: Caches HTTP routes for improved efficiency.
- compodoc implementation: Generates compodoc documentation.
- Dynamic Form implementation: Provides handy directives for updating ngrx-store.
- Checkbox group values maintenance: Maintains values for checkbox groups.
Summary
This Angular boilerplate provides a basic implementation for Angular applications along with key features such as authentication, dynamic loading spinner, base components, and more. It aims to facilitate the process of starting a new Angular project and offers flexibility for customization. With the provided installation guide, users can easily configure the boilerplate to fit their specific use case.
- Angular
Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.
- 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.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.