Hey, SwampHacks!

My name is Cole and I’m with team Chatter.

The art of listening has lost its way. Or has it?

In recent years, the popularity of podcasts and microblogging platforms like TikTok have spiked in popularity.

What if there was a platform that combined the micro-blogging format of TikTok with podcasts? This year, my team and I did just that. We designed a social media platform centered around audio and the arts of speaking and listening.

Chatter is an online micro-blogging platform that enables you to post short audio messages with images and an attached caption of your audio message. Chatter users share their thoughts, news, real-time information and jokes in two minutes of audio video or less.

Chatter users have the option of sharing other Chatter users’ “chats,” or other posts. Chatter users also have the option of liking, commenting, and interacting with the post. In the future, we hope to build an explore page. Based upon your search of a specific hashtag, there will be a host of chats you can listen to on that very topic.

Are you ready to listen?

How we built it

We built Chatter with HTML5, CSS3, JavaScript, and React.

Challenges we ran into

Neither of us knew much about making a webpage and we weren’t too familiar with HTML5, CSS3, JavaScript, React, or Google Cloud. We had to learn how to code in all of these languages as well as learn how to save objects like Audio files to Google Cloud.

Accomplishments that we're proud of

We are proud to have a functional website that records and posts audio messages.

What we learned

We learned a lot. More specifically, we learned how to build a webpage from scratch using languages like HTML5, CSS3, JavaScript, React, or Google Cloud.

What's next for Chatter

In the future, we plan to optimize Chatter for mobile devices. Additionally, we would like to improve upon the explore function and make the UI and UX more appealing and user friendly.

Share this project:

Updates