OnlineVersity

Log In
Rooms
Home Page

Inspiration

As university students who live off campus, we felt the need for a virtual studying space where any student can join.

What it does

Students can choose what courses they want to participate in and also are able to join rooms or create them should they want to lead a discussion.

How we built it

We used JavaScript, jQuery and Bootstrap for front-end, and Node.js, Express.js and Firebase for backend.

Challenges we ran into

We faced many challenges implementing the video conferencing aspect of the web app.

Accomplishments that we're proud of

Setting up Firebase for authentication and realtime database is something we are very proud of implementing.

What we learned

Coming from various educational backgrounds, we learned how to work cohesively and produce great work. We all worked on frameworks and languages we were not familiar with, but the final product made the challenges we faced as a team worthwhile.

What's next for OnlineVersity

We need to finish up implementing connection for students in and out of rooms. The speech to text recognition tool works great, but we need to add people's name so we know who is speaking.

Built With

Submitted to

Hack the North 2018

Created by

I worked on back-end, the node.js, and firebase authentication and database part. I wrote the routes in node.js and how they were used from the front end. I also did a little bit of UI work, such as dynamically adding elements corresponding to the data my routes returned.

Cindy Song
I worked on the backend with everyone making video conferencing possible with the use of Twilio api. I also helped setup Firebase for our authentication and database. For design, I used Bootstrap to help complete the home page and various other parts of the web app.

Ryan Lee
I worked on the front-end mostly, designing UI/UX, as well as the project logo, background, etc. It was my first time using bootstrap and CSS, so it took some getting used to, but I learned a ton about website development and Javascript implementation.

Marco Liang
I worked on setting up the Twilio Programmable Video API to work for our web app, as well as implementing speech recognition using Javascript. I also worked on some UI elements of the app. I learned a lot about integrating new APIs to further enhance a product.

Susie Son

Updates

Ryan Lee started this project — Sep 16, 2018 08:52 AM EDT

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.