# Smart Conference Room IoT Dashboard

> Imagine managing a high-tech conference room with an intuitive and fast admin dashboard. This Smart Conference Room IoT Dashboard leverages Angular 11 and Angular Material to deliver a sleek, high-performance interface for managing IoT devices and room settings. With real-time updates, dynamic charts, and customizable layouts, this dashboard provides a seamless experience for monitoring and controlling smart conference environments. Hosted on GitHub, it offers a robust solution for modern administrative needs.

- **Author:** Keshav Lingala (Senior Software Engineer) — https://keshav.codes
- **Published:** March 2021
- **Project page:** https://keshav.codes/admin-dashboard/ (screenshots and diagrams are on that page)
- **Tech:** HTML, CSS, Javascript, Typescript, Angular, Firebase
- **Source:** https://github.com/keshavlingala/smart-conference-dashboard
- **Topics:** Angular Application, Angular Multi module, Material Design, Angular Library, High Performance Admin Dashboard, Keshav Lingala, Keshav Reddy, Keshav Reddy Lingala, Lingala Keshav Reddy, Keshav

---

## Description

A sample admin dashboard for a smart-conference IoT room, built with Angular 11, Angular Material, and Angular Flex Layout. It is designed to be fast, dynamic, and high performance.

> Loads in under 2 seconds.

## Features

- Built on Angular 11 for a high-performance front end
- UI updates automatically — no page refresh needed
- Lazy loading: components load only just before the user needs them
- Google Material Design throughout
- Adjustable, resizable layout
- Charts from multiple providers (Chart.js, Google Charts, Chartist, D3)
- Draggable and resizable analytics cards
- Custom designs for every component
- Dynamic data tables with sorting, filtering, pagination, resizing, and export
- Add, view, edit, and delete actions for table data

## Screenshots

Multiple charts on the dashboard:

*Figure: Dashboard with multiple charts*

Adjustable and resizable layout:

*Figure: Adjustable and resizable layout*

Add, edit, and delete dashboard widgets:

*Figure: Widget management*

Bar chart with real-time updates:

*Figure: Real-time bar chart*

Selecting a chart type and configuring its data dynamically:

*Figure: Dynamic chart configuration*

Generating keys for IoT devices (single click to copy):

*Figure: IoT device key generation*

Custom UI for OTA updates:

*Figure: OTA updates UI*

Reusing components across modules via lazy loading:

*Figure: Reusable lazy-loaded components*

Defining IoT device rules:

*Figure: IoT device rules UI*

Edit and delete in a data table with multi-row selection:

*Figure: Data table row actions*

Configurable data table with sorting, filtering, pagination, resizing, and row actions:

*Figure: Configurable data table*

Multiple pages with clickable cards and built-in charts:

*Figure: Clickable cards with charts*

Data tables with a detail view:

*Figure: Data table detail view*

---

From the project archive of Keshav Lingala — https://keshav.codes. Machine-readable index: https://keshav.codes/llms.txt