A browser-based app for controlling and displaying data of the Wifibot Lab robot. It enables to control the robot with the computer keyboard and to show the video stream from the onboard camera and other devices e.g. battery, speed, odometer...
This app was made as a bachelors thesis project. It was created as a response for the lack of any usable controlling app for Wifibot Lab robot.
It consists of two parts: browser frontend app and proxy server witch serves as an intermediator between the robot and client. This architekture is because the robot uses Winsock for communication purposes, which cannot communicate with Javascript (by default). That's why a proxy server was made.
Frontend is written in ReactJS, proxy server in Java Spring Boot. Final look of the app lookes like this:
Any changes or actions are done in the left box in the window named 'Controls' (apart from operating the robot with computer keyboard). Odometry data, speed, battery and current are displayed in top bar. Camera view and IR sensors are displayed 'in the middle' part.