Fool's Compass

Enter your mood, get hilariously random advice — because sometimes, you just need a goofy perspective on life.

Comment

Tracks

  • i laughed. (new hackers prize)
  • (IJAG) I’m Just A Girl
  • most iq points lost
  • worst project
  • skibidi ai swag
  • build a tool that distracts you when ur trying to be productive
  • Memenome Best Don Pollo-themed hack
  • (WPPOIL) would piss people off on linkedin

Inspiration

Since this was my first hackathon ever, I was thrilled to dive into this environment with a fun project. After brainstorming through a bunch of ideas, I decided to create an interactive experience that combines brainrot with mood-based advice. I wanted to build something lighthearted and relatable, while also experimenting with Flask and developing a web app.

What it does

The "Fool's Compass" app asks users how they are feeling and provides them with mood-based, often ridiculous advice. It is a humorous mood tracker that gives absurd guidance based on the user's selected mood, such as "just vibing in ohio" or "sigma tantrum." The app provides a fun, unexpected experience for the user by offering random advice in response to their mood selection.

How I built it

  • Backend: Used Flask framework and Python to structure the application, focusing on routing and logic.
  • Data Storage: Stored mood-based advice in a dictionary for dynamic retrieval based on user selections.
  • Frontend Design: Designed the layout using HTML and CSS, adding animations for an engaging user experience.
  • Frontend Functionality: Used JavaScript to handle button interactions and dynamically fetch mood-specific advice from the backend server.

Challenges I ran into

  • Deployment Issues: Faced challenges in deploying the project and ensuring it ran smoothly on the server.
  • Dependency Management: Troubleshot issues with broken dependencies and ensured all required libraries were properly installed.
  • Environment Variables: Configured and managed environment variables for secure and functional deployment.
  • Frontend and Backend Integration: Overcame hurdles in making front-end elements interact seamlessly with back-end functionality.
  • End Result: Despite these challenges, successfully brought all components together, making the effort worthwhile.

Accomplishments that I'm proud of

I'm proud of creating a fun, interactive web app from scratch. This was my first time working with Flask in a real project, and I successfully set up the backend, designed the layout, and integrated everything smoothly. Deploying it on Vercel was a major win because I could see the project live and functional.

What I learned

I learned a lot about web development, particularly with Flask and combining front-end and back-end technologies. I gained experience in HTML and CSS while designing the website structure and making it visually appealing with animations and flexbox. I also learned JavaScript to dynamically update the page and handle asynchronous tasks like fetching data from the backend. These were new skills for me, and it was exciting to apply them to create a working web app. Additionally, I learned more about app deployment and managing dependencies. Most importantly, I learned how to tackle unexpected challenges and stay persistent until I found solutions. It was a great experience, and I’m glad I built something fun while learning along the way!

Built With

Share this project:

Updates