Wobbl | People's Chat

Room entry screen
Relatively empty chat page
Use as a voting tool
Filled out chat page

Inspiration

We've been in countless Zoom calls and Twitch streams where chat was uncontrollable, and as a result, was either useless to communicate to the host or got muted. We wanted to build a chat app that allows the most important issues to come to surface without sacrificing everyone's ability to communicate.

Accessing the website

Click here to have access to the website

What it does

Wobbl generates rooms where users can join and send messages. Users are also allowed to vote on these messages. Messages with a higher score stay on the screen longer. Say your professor is muted, you can post "prof you're muted", and others can simply upvote your message as they continue chatting. This is a more elegant solution to the chat being overwhelmed and interrupted by 500 messages saying the same thing.

How we built it

We use CSS, node.js, React and docker, along with our domain from domain.com and hosting by Netlify and Heroku. The design was originally done on Figma then manually ported to CSS. The messaging aspect of the application is handled using sockets

Challenges we ran into

The technical aspect of the project by itself was a pretty big challenge, even more so considering that we are a two man team and that Ogulcan pretty much didn't have any webdev experience before that point. Deploying the website was also a bit of a hassle but in the end worth it because this allows you guys to play around with it.

Accomplishments that we're proud of

We have a simple to use, fully functional website with a clean design. We chose to do a project that was relatively technical and an all or nothing type of deal and managed to make it work in the end.

What we learned

Lots about Figma, CSS and React, as well as brushing up on webhosting and such.

What's next

Truth is... probably nothing. The website definitely needs a bit of cleanup and a bug fix here and there but other than that we are pretty happy with the results and this project was meant to be a hackathon project that had a set deadline.