IoT Atlas – Real-Time IoT Dashboard

IoT Atlas is a secure, enterprise-grade platform that aggregates, visualizes, and manages IoT device data in real time. Designed for smart environments, the platform enables leadership teams to monitor operations, detect issues, and drive data-backed decisions.

I led the entire frontend development of this project, working closely with stakeholders to redesign the UI/UX, implement real-time dashboards, and deploy the app with secure, private endpoints on Azure.

Led frontend architecture and implementation using React and Tailwind CSS

Designed and developed an accessible, responsive UI for mobile, tablet, and desktop

Built real-time data visualizations, device management tools, and onboarding workflows

Worked cross-functionally to integrate secure APIs and deploy the app on Azure

Created a custom design system from scratch, replacing legacy Bootstrap/vanilla CSS

Unified Design System & Improved Navigation → Replaced inconsistent UI with a scalable, Tailwind-based design system that offers intuitive, unified navigation across all modules.

Real-Time Data Visualization → Integrated live dashboards and dynamic charts to display IoT device metrics instantly, enabling quick insights and anomaly detection.

Streamlined Device Onboarding → Developed guided, step-by-step forms with real-time validation, significantly reducing manual errors and setup time.

Scalable Device Management Tools → Implemented advanced search, filtering, and pagination, making it easy to manage hundreds of devices and data streams efficiently.

Fully Responsive Interface → Delivered a mobile-first experience that works seamlessly across desktop, tablet, and mobile devices, allowing field engineers to access it on the go.

Consistent Branding & Clear Data Presentation → Established a clear visual language with structured layouts, high-contrast design, and accessible components to improve readability and reduce cognitive load.

Secure Access & Private Hosting → Deployed on Microsoft Azure with private endpoints and organization-level authentication to ensure enterprise-grade security and data protection.

Application is deployed on Microsoft Azure with private cloud endpoints

Access restricted to high-level organizational users with secure authentication

No public data exposure; all dashboards are protected by enterprise-grade security protocols

Live Device Monitoring: Real-time metric charts and device statuses

Device Onboarding: Step-by-step forms with validation

Data Visualization: Interactive dashboards, toggle views (grid/list), and dynamic filters

User Management & Settings: Modernized panels with intuitive controls

Mobile-Ready Interface: Responsive layout for field engineers and management

Enabled executive teams to make faster, data-informed decisions

Reduced device onboarding time and improved system accuracy

Boosted operational transparency with live insights across all devices

Positive internal feedback on design clarity, mobile accessibility, and performance

React Tailwind CSS UX/UI Design Real-Time Data Charts & Dashboards

Secure Frontend Development Design Systems Responsive Design

Azure Hosting Frontend Architecture