• 

  Home

• 

  SignUp/SignIn

• 

  Health Metrics Input

• 

  Meal Plan Generation

• 

  Communication Portal

• 

  User Dashboard

Fitgen-AI

Inspiration

The inspiration for Fitgen came from the growing need for individuals to take control of their health and nutrition. With the rise of dietary-related issues, I wanted to create a tool that simplifies meal planning and helps users make informed choices about their diets.

What it does

FitGen is an AI-powered web app that generates personalized meal plans by tracking users' health metrics and food preferences in real time. It also features an AI chat assistant for quick health tips and guidance.

How we built it

The project was built using Next.js, a powerful React framework that enables server-side rendering and static site generation. I've used several libraries like shadcn/ui, magic-ui, framer-motion, etc, ensuring a smooth user experience. The development process involved setting up the project with create-next-app, designing the user interface, and implementing functionality for meal planning.

Challenges we ran into

One of the main challenges was ensuring that the application was responsive and provided a seamless experience across different devices. Additionally, integrating real-time updates while maintaining performance required careful consideration of state management and rendering.

Accomplishments that we're proud of

We are proud of creating a fully functional dietary planning tool that is not only easy to use but also visually appealing. Successfully deploying the application on Vercel with minimal configuration was another significant accomplishment.

What we learned

Throughout this project, I learned a lot about Next.js and its capabilities, particularly in optimizing performance and user experience. I also gained insights into effective meal planning strategies and how to present nutritional information in an accessible manner.

What's next for Fitgen

In the future, we plan to enhance Fitgen by adding features such as recipe suggestions, integration with fitness tracking apps, and a community forum for users to share tips and experiences. We aim to make it a comprehensive tool for anyone looking to improve their dietary habits.

Built With

• cerebras-sdk
• framer-motion
• javascript
• lucide-react
• magic-ui
• mui
• nextjs
• react
• react-icons
• shadcn/ui
• tailwind