Minimal setup of this project. Code can be downloaded from my repo.

Interact With the Web in Real-time Using Arduino, Firebase and Angular.js

What we are building

$ git clone https://github.com/jochasinga/firepot
$ cd pot && npm install

Connecting the circuit

Image made with Fritzing

Signing up with Firebase

"colors" : {
"r" : 255,
"g" : 0,
"b" : 0
}
The Firebase “Forge” Dashboard displaying JSON data in tree format.

pot.js

https://gist.github.com/jochasinga/dad3e88b765893721c43
RGB Strip divided into 6 ranges
$ node pot.js

app.js

app
├── app.js
├── node_modules
| ├── express
| ├── firebase
| └── socket.io
├── package.json
└── public
├── index.html
└── index.js
$ cd app && npm install
https://gist.github.com/jochasinga/63ceadc19c5139f55660

index.html

What our web page will look like
https://gist.github.com/jochasinga/c720677640e026381366

index.js

https://gist.github.com/jochasinga/e51c240a33f9704b3030
$ node pot.js
$ node app.js
https://vine.co/v/OqXhOUWAY6I

Geek dad. Conservative in ethics. Liberal in rights. Ex-engineer.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store