Skip to content

React frontend for the Firefly project. Displays live logs from the host ESP32, shows connected guests, and provides controls to trigger LED blinks or send actions back to devices. A fun and interactive way to explore embedded + web integration.

License

Notifications You must be signed in to change notification settings

KooleControls/firefly-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

86 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

t-rex-runner

the trex runner game extracted from chrome offline err page.

see the source from chromium

go and enjoy! 😄

chrome offline game cast

Event Stream Format

The game connects to an event stream API that sends individual event objects (not arrays). Each event has the following format:

{
  "mac": "d324sdDEI",
  "event": "button|startup|disconnected",
  "name": "tiny-rex",
  "value": 34
}

Event Types

  • startup: When a device starts up, a new dino is added to the game
  • disconnected: When a device disconnects, the corresponding dino is removed from the game
  • button: When a button is pressed, the corresponding dino jumps

Example Events

Device startup:

{
  "mac": "d324sdDEI",
  "event": "startup",
  "name": "tiny-rex",
  "value": 0
}

Button press:

{
  "mac": "d324sdDEI",
  "event": "button",
  "name": "tiny-rex",
  "value": 34
}

Device disconnects:

{
  "mac": "d324sdDEI",
  "event": "disconnected",
  "name": "tiny-rex",
  "value": 0
}

🚀 Local Development Setup

This project uses live-server to automatically reload the browser whenever you make changes to your files.

📦 Prerequisites

You’ll need Node.js installed on your system.

About

React frontend for the Firefly project. Displays live logs from the host ESP32, shows connected guests, and provides controls to trigger LED blinks or send actions back to devices. A fun and interactive way to explore embedded + web integration.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 9