V-Roger / LightyUp

A react-powered PWA which allows BLE LED-strips control from Google Chrome

Home Page:https://lighty.bike

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

💡 LightyUp 🦄

One app to control them all, and in the brightness bind them

⚡ TL;DR

A react-powered PWA which allows BLE LED-strips control from Google Chrome

🚴 The story

Lighty.bike logo

Lighty is a bicycle-fanatic's company aimed at promoting safety and fun amongst two-wheeled enthusiasts.

One of the products offered by Lighty is a Bluetooth remote-controlled LED strip, which uses a usually low-quality Adnroid / iOS app as a user-interface.

Lighty's very own Ophélie asked me if I could do better, so hackity hack, hack away!


I retro-engineered the (admittedly) simple communication protocol using Wireshark and my smartphone as a log source, used the native Web Bluetooth API to connect to the BLE device, and whisked everything together in a React app with a nice layer of TailwindCSS.

Voilà!


I also modeled and 3D-printed a Lighty-branded box for the BLE controller, as the original plastic one was boring and cumbersome. Just because I caould, right?

📸 Smile!

LightyUp box LightyUp app LightyUp app

🎥 And... action

LightyUp in action


Another color scheme perhaps ?

About

A react-powered PWA which allows BLE LED-strips control from Google Chrome

https://lighty.bike


Languages

Language:CSS 99.1%Language:JavaScript 0.8%Language:HTML 0.1%