FoodPharmer

• 

  All features page

• 

  Create a meal feature

• 

  All Meals page

• 

  Check BMI feature

• 

  Home page

• 

  Check daily calorie requirement feature

• 

  Check recipe by nutritional value feature

Inspiration

I wanted to build a website that could tell me everything about my health, like how many calories I need and what my body requires. I found out I could do this by using APIs from Rapid API. So, I followed some easy guides and got it working just like I wanted. Now, my website gives me all the info I need to stay healthy.

What it does

FoodPharmer lets you calculate your health stats like BMI and daily calorie needs. You can make your own meals and find recipes based on what's best for you.

How we built it

I used React and TailwindCSS for making the UI of the website, and Supabase for handling user logins and storing data. I also used multiple Health APIs from Rapid API for getting nutritional info.

Challenges we ran into

Setting up user login with Supabase was tough at first. But I tackled it by diving into the Supabase documentation and watching some tutorials.

Accomplishments that we're proud of

I am happy that FoodPharmer works well and has all the features I planned. I especially love the recipe feature, where you can find recipes based on your nutritional needs.

What we learned

I learned a lot about Supabase, a new tool for me. I explored its APIs and figured out how to authenticate users by reading their documentation.

What's next for FoodPharmer

1. I'm planning to expand the website by introducing a goal section, allowing users to set daily health targets. Upon reaching each goal, users will earn badges to share on social media.
2. Additionally, I'll create user profiles for storing and updating personal details.
3. Users can plan their day by inputting their daily calorie requirements, and the website will assist in achieving those goals.

Built With

• css3
• html
• javascript
• react
• supabase
• tailwindcss