Inspiration
Greatly inspired by neal.fun website. It is a page with dozens of creative games and silly projects. The ones that inspired this one are SELL SELL SELL, Speed, and Space Elevator.
What it does
This project tells people most relevant and irrelevant stats about their bodies. To learn and improve their health.
As well as setting targets for muscle gain and fat loss. With pure strategy tailored to their bodies. How much do you need to eat and train every day, for how long, with what diet to gain those 5 kg of muscle or lose 5 kg of fat? We got you covered.
Muscle mass? Check. BMR? Check. How many billions of fat cells in your body? Check. Why your poop looks like that? Check. How long will you decompose after death? Check. And much much more.
Bonus: wanna know how you compare to David Goggins or Elves from LoTR? We got that.
How we built it
Built entirely in Bolt with some help from ChatGPT.
Technologies used: React, Tailwind, and Typescript. Used common emojis and animated them to visualize the data and metaphors. How much muscle do you have in Costco rotisserie chicken terms? How many red bricks would be needed to get your bone mass? And so on.
Challenges we ran into
The most challenging parts were: 1) Finding proper calculations to use. ChatGPTing it can give you wildly different results depending on its mood. Have to double check, use academic search AI and cross reference it.
2) Finding good visual comparisons for the data. Particularly what is a good visual metric for fat mass in your body? That can be scaled with a wide range and still be quickly graspable. And with an emoji!? After a long search baby oil bottles were chosen for fat mass. Hm. Yes, baby oil.
Costco rotisserie chicken for muscle was pretty easy though. Reddit even had a proper calculation of lean meat on that chicken (2.8 lbs or 1.3 kg to be exact).
And many others you can find in the app!
3) At one point Bolt just deleted the app, and was like oops! Had to roll back. (Awesome feature btw)
4) And of course the white whale was the jelly beans falling into a stadium animation. Boy did we wrestle with Bolt for this one. At the end ChatGPT came in clutch with a nice explanation and Bolt cooperated.
5) The domain we got from Entri and connected to Bolt is still not showing the app. So I put Netlify links in the submission.
Accomplishments that we're proud of
The jellybeans falling into a stadium animation
The visuals look great, the data is very useful. I wanted something like that for myself. It is fun, engaging, educational. And very simple. Gotta love simplicity.
What we learned
Better not to rely on one tool to do the heavy lifting. Ask ChatGPT, Claude, your gradma, and as a last resort, Google it. Just kidding though, Google was great for verification.
Sometimes fusion is where its at. Teamwork, boy.
What's next for know.me
We would want to double down on the personal recommendations, add even more facts about the body. Maybe turn it into a full blown fitness coach, people be paying hundreds for them in gyms. Bro it's not rocket science: "here's your plan based on your body, stick to it". Of course it depends on the personal condition so that's why we would to implement more health info, and deal with it securely.
The goal is to make workings of the body available to anyone. We all got lives to live, so a simple tool like this can get us all up to speed and teach how to maximize our efforts to be healthy.
The key here was clever visuals and engagement for maximum retention. Hope people like this.
Log in or sign up for Devpost to join the conversation.