sadboi

turning sad bois into happy bois

Comment 1

Inspiration

A few too many nights spent binge-eating a whole tub of Ben and Jerry's, crying in bed and watching reruns of Friends. What if you could rely on a friendly website to whose goal is to put a smile on your face?

What it does

A WebApp designed to turn you from a sad boi to a happy boi. Utilizing real-time emotional feedback provided by Microsoft Face API, our page reflects your mood and is with you every step of the way. It turns happy when you're happy and sad when you're sad. It offers personalized uplifting compliments and a near endless supply of curated memes in a minimal way. No ads. No nonsense. No other distractions. When you're done, we hope that you'll be ready to take on the world.

How we built it

We built the WebApp with the light-weight Python Flask framework. For the design of our website we used Bootstrap and custom CSS that allowed us to create an "endless scrolling" effect to the site. The WebApp is deployed using the Azure App Service.

We used a template repository: https://github.com/jimbobbennett/Hackathon-CaptureImageForFaceDetection

Challenges we ran into

With little experience in WebApp designed, some of our team members were challenged by the nature of the code, tackling much of this type of software for the first time. We also had to learn how to use Microsoft APIs. Formatting our content also proved difficult.

We are limited to 20 Face API calls per minute, which meant that emotion changes are not detected as quickly as we'd like to. This challenge can easily be rectified by using a paid subscription to Microsoft Cognitive Services API.

Accomplishments that we're proud of

We produced our first WebApp using Flask and were able to complement the page with the content that we wanted. We're also proud that we attended our first Hackathon and pushed ourselves out of our comfort zone!

What we learned

We learned a lot! We learned how to use Flask, how to code using Bootstrap, how to use APIs (specifically Microsoft APIs), how to design, use and test the WebApp.

What's next for sadboi

Personalized and sincere compliments by using the Face API to detect user features and comment (in an uplifting way) accordingly. Collecting individual-specific data to detect what type of content appealed to our user simply by checking what made them happy (as opposed to them needing to click on it): in the future, we can then have recommended content for each user.

Built With

Share this project:

Updates