-
Highlight: Live Chat
-
Home
-
Login
-
Sign Up
Inspiration
Did you ever had a hard time learning a new language or wanted to learn what people are talking behind your back when they are speaking another language? Come to Yapple, where you can yap to new friends while having a hard time understanding each other but that is ok. The struggle is always real.
What it does
When you first create an account, you are required to fill in what languages that you are fluent in and are trying to learn. Afterwards, you will be matched with potential Yappers who are fluent in the languages that you are trying to learn and vice versa for them.
How we built it
We used MongoDB as our database to store users' and chat information. With express and NodeJS, we created routes to connect our server to our client. For our beautifully laid out UI, we used ReactJS.
Challenges we ran into
It is widely known that ReactJS has a really high learning curve so it was quite hard to learn since 3 of us were learning it throughout the hackathon. There were plenty of bugs that we needed to solve. Shoutout to our mentors for helping us on that.
Accomplishments that we're proud of
We learned how to use ReactJS within 36 hours, and created a live update feature when users message each other. We created a user interface to display the chat with the live updates along with ways to find new yappers to yap with.
What we learned
We learned a lot about full stack web application. We also learned the importance of dividing the work amongst us to ensure we are as productive as possible during the 36 hours.
What's next for Yapple
Send files such as images over the chat, increasing security between the client and server for users' information, auto translator for a better learning experience, and adding more functions to the profile page (including a bio and avatar you can upload, editing our profile information, and a way to view the statistics we keep track of).
Log in or sign up for Devpost to join the conversation.