cool-dashboard

byNimesh ZestBrains

Project Description This project is a Device Monitoring and Live Camera Streaming Dashboard designed to allow users to monitor devices installed on boats and view live camera feeds in real time. The system provides a centralized interface where authenticated users can access their devices, monitor live streams, and analyze device performance data. The platform includes secure authentication, a device dashboard, live video streaming, device management views, and historical monitoring of device metrics. Core Modules 1. Authentication The application includes secure authentication pages for users. Login Page • Allows registered users to securely log into the system. Forgot Password • Enables users to recover or reset their password if they forget it. Only authenticated users can access the dashboard and device monitoring features 2. Dashboard The Dashboard serves as the main landing page after login. Features: • Displays the list of devices assigned to the logged-in user • Provides an overview of available devices • Allows quick navigation to live streaming and device details 3. Live Stream The Live Stream module allows users to watch live camera feeds from devices installed on boats. Features • Select a Device using its MAC Address • Choose the number of cameras to display • View live streaming for up to 8 cameras simultaneously Switch between cameras using a dropdown selector Video Player Controls • Play / Pause live stream • Change streaming quality • Capture screenshots of the current stream This module enables real-time monitoring of camera feeds from the selected device. 4. Device List The Device List section displays all devices associated with the user. Features • View all devices with their MAC Address • Search devices by MAC Address • View the list of cameras connected to each device • Read-only access (no edit functionality) This section helps users quickly identify devices and the cameras attached to them. 5. Device History The Device History module provides historical monitoring data for devices Features • View historical records of devices • Filter data using: • MAC Address • Date Range • Monitor system performance metrics such as: • Temperature • CPU Usage • GPU Usage • RAM Usage • Other system monitoring data This module helps users analyze device performance and system behavior over a selected time period. 6. Profile Section The Profile Section allows users to manage their account information. Features • View profile details • Update profile information User Flow 1. The user logs into the system through the Login page. 2. After authentication, the user is redirected to the Dashboard, where they can see all devices assigned to them. 3. The user navigates to the Live Stream section. 4. The user selects: • Device MAC Address • Number of cameras 5. The selected cameras start live streaming in the video player. 6. The user can: • Switch between cameras • Capture screenshots • Pause or play the stream • Change streaming quality 7. In the Device List, the user can search for devices and view camera details. 8. In Device History, the user can filter by MAC Address or date range to monitor system metrics like CPU, GPU, RAM, and temperature. 9. The Profile section allows the user to view and update their profile information. Mobile App Design