Study with me

It is an online group studying video call app. It serves as a platform for engaging students to study during this online era.

Comment

Inspiration

After the pandemic, we have been using online platforms very much. We have many platforms for all the major activities like online food ordering, online podcasts and etc. But we don't have any specific platform for the student to study with their friends, which indeed clears the doubts about the topic very easily and enhances the students to study efficiently.

We have zoom calls and other platforms but they have some barriers like not having a proper community, limited call duration and etc.

Here is the web app which solves the mentioned barriers https://study-with-mee.herokuapp.com/

What it does

Using this web app we can easily connect with public ongoing study rooms and also we can have our own private rooms, All you need is just a smartphone or laptop with a stable internet connection. You need to go to the Join rooms in the web app and all done you are in a study room with your friends.

How we built it

We have made this app with the mindset of making the process very simple and easy.

  • Frontend has been built using simple HTML, CSS, javascript.
  • Backend has been built using Node JS, Express JS, Peer JS, Socket IO and Paytm API.
  • The web app is deployed in heroku

Challenges we ran into

  • I initially had an idea of building this app using react, but I had to learn react and need to implement it in this app. It was not feasible because of time constraints.
  • Initially my intention to use the Stripe Payment API, was giving many error, so I had to change it to Paytm API.
  • It was very difficult to understand Socket IO with video and audio streaming.
  • Integrating multiple video stream also one of the major hurdle.

Accomplishments that we're proud of

The UI of the web app really looks very attractive and I have utilized major components of the UI very efficiently, integrating the payment gateway was one of the attractive components. I am very much proud that I have completed the project and it looks like what I imagined.

What we learned

I have learned how to integrate video streaming with the Frontend and also how can we integrate payment API. Utilized the free deployment of Heroku and I have learned how to deploy the app to the cloud.

What's next for Study with me

  • We can have a dedicated discord like community page.
  • A simple video-based beginners-friendly course page.
  • This app can also have a dedicated page for entertainment like online game streaming.
  • A comment box for all the video streams.
  • Converting it to a modern Frontend framework like react, Angular or Vue.

Built With

  • Node JS
  • Express JS
  • Peer JS
  • Socket IO
  • HTML
  • CSS
  • JavaScript
  • Paytm Payment API
  • Heroku
Share this project:

Updates