The Fish Keeper - Meteor Integration / by Kinza Kasher

After exploring new concepts in my Code Literacy class about real-time data, APIs as well as different apps such as Meteor and React, I decided that the front-end of the Fish Keeper could take the form of a Meteor App which allows me to keep an eye on the fish tank levels remotely, when I am away from home during the day. I decided to make the front end a p5 sketch, which would be visualized through serial data coming in from the Arduino and then went about connecting the pieces together via Terminal on my Macbook. 

Serial data in Terminal

Serial data in Terminal

After consultation with my Code Literacy professors, for the visual front-end output, I did not want to display just numbers but create an animated version of the different variables being measured and the fish tank itself. 

p5 sketch- in the beginning. 

p5 sketch- in the beginning. 

It was a long process but fun to experience when the live serial data from the Arduino to Terminal was visualized in Chrome. A problem I did experience was when the visualization ran a bit slower in the browser than in a live p5 sketch which I found could be because of the rate at which the data was being refreshed.