Angular6 Dynamic Dashboard

screenshot of Angular6 Dynamic Dashboard

Dynamic dashboard prototype using angular-gridster2 and ngx-dynamic-template

Overview

The Angular 6 Dynamic Dashboard is an innovative prototype built using the latest features of Angular paired with powerful libraries like angular-gridster2 and ngx-dynamic-template. Designed to provide users with a flexible dashboard experience, this application allows users to customize and save dashboard layouts dynamically. Leveraging a local REST API with json-server, it ensures smooth communication and state management.

This prototype showcases the potential of building modern interfaces with Angular 6, where users can interact with the dashboard in real-time. With features like the ability to perform GET requests and plans for enhanced functionalities such as POST and PUT, it sets the groundwork for a robust dashboard application.

Features

  • Dynamic Layout: Users can easily modify layout components on the dashboard using gridster2, making it adaptable to different needs.
  • Local REST API: Utilizes json-server to handle backend operations, enabling seamless data management for dashboard state.
  • Real-time Updates: The prototype allows for dynamic changes, giving users an instant preview and interaction experience.
  • JSON Serialization: Dashboards are saved in a serialized JSON format, enabling easy retrieval and storage of user configurations.
  • User Interaction: The application provides a straightforward interface for users to engage with their dashboards effectively.
  • Future Functionalities: Ongoing implementation of POST and PUT requests promises even greater interactivity and state persistence.
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.