Havaseat

Inspiration

I was inspired by a friend who looks after his little brother. He's supposed manage his Zoom calls and keeps tabs with his teachers so that he knows how well his brother's doing in class. This made me think that there wasn't a platform that properly executes the virtual classroom experience.

What it does

Havaseat is a platform for the classroom, which means a better experience for the students, teachers, and parents. The current virtual classroom strips away the passion of in person learning, while taking no advantage of what the virtual setting has to offer. Havaseat creates the best hybrid experience of virtual and real life classrooms.

How I built it

The hack uses WebRTC connections to make audio and video calls online through your browser. Firebase's firestore is used for signaling between callers. All of this is ran through a ReactJS frontend.

Challenges I ran into

Building a platform to video call made it very difficult to debug and test the functionality. Most of the work happens in the backend so it was hard to see what was going wrong at times. Also, this was my first time using Firestore and WebRTC so the whole process was a learning experience.

Accomplishments that I'm proud of

I'm really proud of the concept and the amount of development tools I learned along the way. This was my first time working hands on with a backend schema without help so it was really rewarding to see some success.

What I learned

ReactJS Hooks (useRef and useState), WebRTC, Firebase, Firestore

What's next for Havaseat

I think it'd be great to see a full functioning classroom (with all the data working)!

References

A big inspiration for this project was this article on the idea of this audio/video sharing process: https://fireship.io/lessons/webrtc-firebase-video-chat/

Built With

• css
• firebase
• firestore
• html
• javascript
• react