BINGE

Landing Page Wireframe
Home Page + Sidebar Wireframe
Upload/Livestream/Sidebar/Dashboard Wireframe
Add Podcast/Livestreaming/Signin Wireframe

Inspiration

We wanted to create a software product that could unite people within the student community, giving people a voice to be heard, and providing any and all information related to students and their interests.

What it does

We created a podcast platform for students that allows them to keep up to date with various interests at their schools like sports, current news, clubs, classes, and more. This also gives students a voice to express themselves in a setting that is familiar with many of their peers who share the same interests. They can do so without the fear of being judged by those who aren't in that environment and wouldn't understand.

How we built it

Started off by creating a wireframe using Figma
Brainstormed what technologies would be best to use
Set up the application using Nextjs
Set up backend using Supabase and PinataAPI
Styled using Tailwind

Challenges we ran into

We had many ambitious plans for our software application, but unfortunately not enough time to implement all the ideas we had. We ran into a few problems which set us back in time. We ran into styling library conflicts between tailwind and another styling library, which led to us removing the other styling library that was used in some components, setting us back. Connecting to Agora to create live broadcasting and chat using Nextjs was very complex. We ran into some errors that took too much time to solve and we had to cutback on that idea.

Accomplishments that we're proud of

It was great to be able to use industry standard tools to create an innovative software application. It was very cool to use Pinata's API for decentralized file storage to easily store and access audio files. Working with audo files, live broadcasts, and chats gave us insight to how complex and in-depth some processes especially using certain external software tools.