← back to my work

Logic & interface project

A little logic experiment↗

A small interface that maps compressor, condenser, evaporator, and heater states to an operating mode. It demonstrates translating an explicit rule set into browser interaction.

JavaScriptBoolean logicHTMLCSS
The original project interface, using fictional demo records.open original interface ↗
The original project interface, using fictional demo records.

This is the original interface and its original JavaScript mode detector. It runs directly in the browser; no water-dispenser hardware is connected.

THE IDEA

what’s the project?

The supplied file has a .php extension but its mode-detection logic is client-side JavaScript. It can be presented as a static interaction without a PHP runtime.

MY INVOLVEMENT

where I came in.

A small project from my studies. The portfolio adapts the supplied JavaScript rule mapping into an accessible standalone interaction.

UNDER THE HOOD

how it connects.

Runs entirely in the browser. No VM, database, SSH connection, or hardware device is required for this demonstration.

  • All components off maps to OFF.
  • Compressor and condenser on maps to NORMAL; adding evaporator maps to COLD.
  • Compressor, condenser, and heater on maps to HOT; all other combinations are invalid under the supplied rules.
Lab notes +

This is the original interface and its original JavaScript mode detector. It runs directly in the browser; no water-dispenser hardware is connected.

IN THE ORIGINAL LAB

a quick walkthrough.

  1. Set the four component switches in the browser demo.
  2. Compare the displayed mode with the project’s rule table.
  3. Try an unsupported combination to inspect validation behavior.
keep exploringGrandStay ↗