FitFolio

Inspiration

Currently I am on a fitness journey and I want to maintain a perfect workout routine. I am a gym enthusiast and I always wondered whether the workouts I do is balanced or not or if I am going in the right direction in my fitness journey or not. I always need to google to find my answers, which is a long and tiring process. After researching, I found out a lot of people have the same problem as me! This is where FitFolio comes in, it helps to ease your fitness journey and help you move towards the right direction .

What it does

FitFolio is an innovative full-stack application that allows users to provide their workout information such as the workout name, the reps and sets that they did and a title for the post. Users can submit multiple workouts in one post. Users can also view workout entries on their dashboard, edit, delete and create as many workout entries they want. The workout information of each user then gets stored in the backend for the AI to analyze reports based on the user's workout history. The AI compares all the workout history in the database, and then analyzes the texts to perform the following:

- Critiques the user's fitness on their workout history and then gives suggestions for improvements.

- Estimate potential overtraining or undertraining based on variations in performance.

- Highlights the most and least frequently performed exercises.

- Analyzes all the entries and texts of the workout names and its corresponding reps and set to tell the user what muscle they should workout more

- Tells the user what workouts they should do more to target the specific muscles listed above

An additional feature of the application that I incorporated was to allow users to ask the AI to generate a comprehensive workout plan for their next gym session. 

These reports can help users understand their progress, lead them to the right direction in their fitness journey by identifying areas for improvement, and maintain motivation by providing comprehensive workout routines.

How I built it

1. Next.js 14, the full-stack framework built on top of React.js, with TypScript

2. Next Server Actions, NextAPI, and Next.js 14's App router

3. Tailwind CSS, NextUI, ShadCN UI, Framer-motion, React Hook form, Zod for the frontend components

4. MongoDB, Prisma ORM, AWS3 for real-time database storage, model building and queries

5. Clerk.js for user authentication

6. OpenAI's API: GPT-3.5-Turbo

7. Axios as the HTTP client

Challenges I ran into:

1. Dynamic form handling, meaning users can increase or decrease the amount of forms and can submit multiple forms in one form submission.

Accomplishments I'm proud of

1. The frontend design of the website. It is fully responsive across all devices, has beautiful animations and looks seamless.

2. Being able to learn and create a full-stack application with AI integration that has real-time database and storage, and user authentication within such a short period of time! 

Whats next for FitFolio

1. Users can input calories they burned each day if they did any cardio and then generate a graph or chart on their progression. The progression can be weekly, monthly or yearly. This should be viewed in the dashboard. I wanted to incorporate this feature but unfortunately due to the time-limit was not able to do so.