Post-hackathon: The E-learning App Built With Video API
Tags: hackathon, react, video, api
Published: 2022-01-08 13:02:41

##Introduction

In our previous post about [Vonage Joins Code Chrysalis API Hackathon](https://learn.vonage.com/blog/2021/09/30/vonage-joins-code-chrysalis-api-night-hackathon/), we saw how Team Subarashi built an application called [CollabSpace](https://vonage-hackathon.herokuapp.com/) using [Vonage Video API](https://www.vonage.com/communications-apis/video/). CollabSpace makes online team collaboration more interactive and simple, connecting with others and editing documents in real-time. That was all, right? Of course not. 

Within a few weeks following the hackathon, this group of Bootcamp students used the [Video API](https://www.vonage.com/communications-apis/video/) to build another innovative project, an e-learning web application called [Senpai](https://senpai-container-flsg4ziguq-uc.a.run.app/#/), for their Bootcamp Demo Day. In Japanese, the word Senpai refers to a teacher or master.

##What Did They Build?

![Senpai](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/swwspbprtg11uzfsmlkj.png)

[Senpai](https://senpai-container-flsg4ziguq-uc.a.run.app/#/) is an e-learning web application that connects programming mentors and mentees. The website allows users interested in learning programming skills to find experienced front-end developers for one-on-one tutoring. It could also provide tutors with an opportunity to earn money as freelancers.

Built with:
- MongoDB
- Express
- React
- Nodejs
- Docker
- [Vonage Video API](https://tokbox.com/developer/)

You can check out their [Application](https://senpai-container-flsg4ziguq-uc.a.run.app/#/) and see their code on [GitHub](https://github.com/Team-Subarashi/senpai). You can also view their [demo and presentation](https://www.youtube.com/watch?v=O5HU8BrGvJQ).

![Find a Senpai](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ncnv1fdm0n792avm883j.png)

##What Makes It So Special?

The idea behind Senpai was to create a platform for programmers to provide one-on-one tutorial services for people wanting to learn frontend technologies. The app was designed so that users would not have to constantly switch between multiple apps throughout the process, including those for scheduling, video chat, and screen sharing.

##Conclusion

I thought their project was a brilliant idea! I was impressed by what they have created using the [Video API](https://tokbox.com/developer/). Within a short time, they mastered the API and came up with a solution that streamlined the process of scheduling appointments, connecting people through video chat, screen sharing, and collaborating with one another all in one place. I can almost see how it can also be used in virtual classrooms or tuition centers, and for distance learning in international schools.

##Want To Know More?

You can learn more about our [Video API](https://www.vonage.com/communications-apis/video/) and how the [video platform](https://tokbox.com/developer/guides/basics/) works. Now it is your turn to [get started](https://tokbox.com/developer/) building a project, or to try out the [Video Express](https://tokbox.com/developer/video-express/) to create a multiparty video conferencing web application, without video expertise.

##Show Us What You Are Working On

We are always interested in sharing your stories and new ways to use the Vonage APIs with the developer community. If you’ve built something with our APIs and think you’re ready to write about it, submit your article through our [Developer Spotlight Program](https://learn.vonage.com/spotlight/).