NutriFit

• 

  home page

• 

  recipe page

View Demo

https://nutrifit.vercel.app/

Inspiration

We wanted to combine the apps myfitnesspal and strong.

What it does

NutriFit is a comprehensive health and fitness app that helps you achieve your fitness goals by providing you with a workout logger, meal planner, and grocery list. With NutriFit, you can easily track your daily workouts, plan healthy meals, and create a grocery list that fits your dietary needs.

How we built it

We used Next.js as the framework and Chakra UI's library components to style our webpage. Our buttons/functionalities were made possible using typescript.

Challenges we ran into

Most of us didn't have much experience with typescript and Next.js

Accomplishments that we're proud of

We built a functioning web app with a framework we weren't familiar with and it worked.

What we learned

How to import Chakra UI components and how to make it functional using typescript

What's next for NutriFit

We can add more informational graphs, save user information, and possibly make the code more efficient.

Built With

• css3
• html5
• next.js
• node.js
• react
• typescript
• vscode