Smartcool Monitoring
Smartcool Monitoring is a web platform for companies with many air conditioners (ACs) across many buildings. Each AC has a small connected device that sends its data to the platform. Internal teams and customers use it to see the condition of every AC in one place.
- Primary stack
- React
- Technologies
- 05
- Features
- 11
- Source
- Private
The dashboard shows live AC conditions and flags problems, such as unusual readings or devices that went offline. When a problem appears, the team opens a trouble ticket. They turn it into a work order, assign a technician, review the completed work, and keep the history.
Users can also control ACs remotely. They set on and off timers, holiday schedules, and lock settings.
The same platform supports commercial and finance work. Staff handle bookings, vouchers, quotes, deliveries, and quality checks. Finance staff track cash advances and petty cash.
Each role has its own dashboard. Customers, technicians, supervisors, and internal staff see only what they need. Users download reports as PDF files or export the data.
Key features
11 ITEMS- F.01
Each role has its own dashboard: internal teams, customers, technicians, supervisors, and manufacturing staff.
- F.02
Live monitoring of AC sensor devices, fuel meters, door access devices, and more, with regular data refresh.
- F.03
The system flags unusual readings, offline devices, AC status changes, and sensor errors.
- F.04
Users report problems as trouble tickets, discuss them in a thread, and turn them into work orders.
- F.05
Work orders follow each step: plan, assign, do the work, review, complete, and report.
- F.06
Users organize assets by client, site, room, AC unit, and device, and see which devices are active.
- F.07
Users control ACs remotely with timers, holiday schedules, auto-on settings, and lock controls.
- F.08
Admin tools manage users, site access, technicians, device firmware, and quality control.
- F.09
Modules for bookings, vouchers, quotes, delivery orders, and shipments support sales and field work.
- F.10
Finance tools track cash advances and petty cash, with summaries and Excel export.
- F.11
Reports cover assets, energy use, and monthly AC condition. Users download them as PDF files or export the data.
Technical concepts
- Role-based access control with route-level guards and dashboard personalization.
- Data-heavy admin dashboard design with filtering, pagination, search, tabbed views, and exportable reports.
- IoT monitoring visualization using periodic polling, device status mapping, and condition-based UI feedback.
- Service operation workflow from issue detection to ticket handling, work order execution, and final reporting.
- API-driven frontend architecture with domain-separated modules and reusable service layers.
- Server state management using TanStack React Query for caching, refetching, loading states, and data synchronization.
- Form validation and structured input handling using React Hook Form and Zod.
- Global UI state management with Zustand for shared application behavior.
- Role-aware user experience for different operational responsibilities across customer, technician, supervisor, and internal teams.
- PDF and Excel-ready reporting workflows for operational visibility and business documentation.
- Frontend deployment workflow using Docker and Nginx for production-ready web delivery.
- Cross-functional platform design combining IoT monitoring, service operations, commercial workflows, finance, and reporting.