Inspiration
Let's be honest—most fitness apps are way too nice. "You got this!" isn't always the push we need. Sometimes, we need a personal trainer who calls us out, no sugarcoating. VibeRoast was born from the idea that tough love (and a little over-the-top hype) can be the ultimate motivator. Whether you need a brutal roast or an exaggerated hype-up, we’ve got you covered.
What it does
VibeRoast is your personal fitness motivation coach with two personalities:
- Roast Mode 🔥 – Too lazy to work out? Get called out in the most savage way possible.
- Hype Mode 🚀 – Need some over-the-top encouragement? Get hyped like you're about to step into the ring.
Users select their mood (Lazy, Tired, Stressed, Pumped, or Meh), and VibeRoast generates a workout recommendation along with a perfectly tailored roast or hype-up message. It also provides curated YouTube workout videos and music playlists for an extra boost.
How I built it
- Frontend: Built with React and TailwindCSS for a sleek, responsive UI.
- Logic: JavaScript functions that handle random message selection and user behavior tracking.
- Animations: Framer Motion for smooth UI transitions and an engaging experience.
Challenges I ran into
- Blank Screen Bug: Clicking certain moods caused the app to crash due to undefined properties (oops). Fixed by ensuring every mood had assigned messages and default fallbacks.
- Making Roasts and Hype Unique: Writing 20+ hilarious and motivating lines for each mood was tougher than expected. Had to dig deep into our savage and hype-up reserves.
- Styling & Animations: Finding the right balance between fun and usability while keeping the UI engaging.
Accomplishments that I'm proud of
- Successfully created a fun, interactive, and engaging fitness motivation app.
- Implemented dynamic roasting and hype-up messages based on user behavior.
- Added smooth animations and a stylish UI that enhances the user experience.
- Developed an "Excuse Detector" that calls out users who keep using the same excuse.
What I learned
- How to handle dynamic state changes efficiently in React.
- The importance of UX when designing interactive and playful applications.
- Firebase Firestore integration for tracking user interactions.
- Writing roasts is an art—and we’re now experts at it. 😎
What's next for VibeRoast
- More Roasts & Hype Messages: Expanding the database with even more savage and uplifting lines.
- Social Sharing: Let users share their roast/hype messages on social media.
- AI-Powered Roasts: Use NLP to generate personalized burns based on user history.
- Workout Progress Tracker: Track user engagement and reward consistency with custom messages.
The future is roasted and hyped—let’s make fitness fun again!
Log in or sign up for Devpost to join the conversation.