Website to control robot car using HTML, CSS, and javascript.
The robot car is an Arduino-base with lots of sensors, and IoT devices.
The website has three user roles: controller, viewer, and administrator.
The communication map is: the website sends control data to Firebase cloud messaging over the Internet, the server connected to the same Firebase can get that control data, then send that data to the robot car via Bluetooth. In reverse, the robot car can display the status to the user on the website, which makes up the MQTT communication protocol.
Users can have 3 ways to control the car: buttons, voice recognition, and virtual wheel (computer vision) using Mediapipe javascript.
Video Demo:
I am sorry for the low-quality video because my school requires me to send files smaller than 100MB into the assignment submission. And I am lazy to take another video.
Update: More Web Security and Administrator Role. On the admin page, the user can view the car status table, can change the control page password, can force the user to log out of the control page. More secure on the website where the only way to access the control page is to log in with a password.
Github: https://github.com/Quanghihicoder/Tesla-Ultra-Pro
Thanks!
Comments
Please log in or sign up to comment.