Let's Yap

• 

  Homepage

• 

  Session page

Inspiration

Every student knows what it’s like to not have a clue about what’s going on in class. Therefore we’ve made Let’s Yap - a website where students can connect to other students struggling in the same class as them so they can discuss and help each other with the material. All they have to do is choose what class they’re struggling with and hit connect! And they might even make some friends along the way.

What it does

Let’s Yap allows you to choose the subject and the class that you’re struggling in or want to study, and connects you to another person that has chosen the same subject and class. You have your mic on, and can also have your camera on, and discuss and help each other with the study material. Let’s Yap can also function as a study hub where people can get together and motivate each other to study. It is also a wonderful opportunity to meet people that are taking the same class as you.

How we built it

The first things we had to do was design a website layout and get the camera functions to work. To design a website layout and logo, we used Figma and Canva. For front-end we used React, and for back-end we used Flask.

Challenges we ran into

Even though two users are choosing the same class, the other person’s camera isn’t showing The camera and the microphone icons don’t work - unable to turn off the camera and mute ourselves. The Disconnect button ends the call, but keeps you in the same screen - we would like it to take us back to the main screen to join another call There’s an error where if you try to make the cameras work too hard, it bans you from trying for a long time and prevents you from using the entire app Using Python for the backend was difficult, so we had to switch to Node during the project

Accomplishments that we're proud of

We’re proud of making the user’s camera work on the website, and debugging lots and lots of code throughout the project.

What we learned

Mulero: I learned how to troubleshoot, and display the input of a camera. Citlaly: I learned how to use Figma and Tailwind. Jason: I learned a little bit about Flask, and how to operate the terminal when it comes to stretching through files and installing certain packages. June: I learned how to manage a team of four, write a Project Brief, and how to use Figma. I also learned a lot about the process of creating a website, and how many different programs it takes to create a simple website, and how time-consuming it can be.

What's next for Let's Yap

In the future, we want to add more features to Let’s Yap to make studying together easier, more fun, and more rewarding. Some of the things we want to add are:

• account log-in with student e-mail
• differentiate between people that need help and people that are helping
• screensharing
• drawing board for visual explanations
• chat function
• streak function

Built With

• canva
• figma
• flask
• node.js
• python
• react