HTML5 Controller Developer

đź’° Budget: 250$

Home

A section containing:

Lights

This section should include a tab with an ON/OFF switch and a dimmer slider, and a section for scenes and scene presets.

Curtains

Similar to the lights section but with four selectable options: Shades, Blackout, Curtains, Mosquito net.

HVAC

Room-based zoning with real-time temperature feedback. A full-page hot/cold temperature assignment with a temperature knob.

Music

Volume bar, “Now Playing” section, and Room selection.

TV

ON/OFF toggle, Source selection button, Directional pad with customizable buttons, and Favorite section.

Camera

Selection of surveillance cameras (H.264/H.265) and toggles a video screen on the right or in the background.

Security

Keypad: Incorrect password results in a Red background, Correct password grants access and toggles alarm system (1–5 zones).

Pool

Selection of five levels, Temperature knob with current temperature display, Toggle between hot and cold modes.

Intercom

Video intercom (H.264/H.265), Answer, Do Not Disturb (DND), and Hang Up buttons, 1–4 selectable buttons for door opening.

Help

A help section that overlays the current page with a transparent background for visibility and Language selection.

Important Features

General UI/UX Features, Animated transitions between pages, Feedback images triggered by each action.

Additional Menu Icons

The menu should display icons for Alarm status, Mute status, Temperature, and Power status.