I made this website as an experiment in using the React framework GatsbyJS and GraphQL. I first created a template for the website in Sketch then replicated the features I wanted in code. The photo above shows one of the original Sketch designs I based this site off of.
Ballance is a robotics project which uses feedback control and computer vision to balance a ping pong ball on a limited flat surface. I used OpenCV to create a HSV filter to track the ball position based on its color. The position data is sent to an Arduino which sends control signals to the servo motors.