LiftLog - Demo

Overview

LiftLogPreview.mp4

LiftLog is a comprehensive fitness application designed to assist users in generating personalized workouts that fit their goals. With a user-friendly interface and an integrated chatbot named GymBro, LiftLog offers personalized fitness advice, workout plan generation, and the ability to export workout routines as PDF files for offline usage.

Features

Home Page

• Overview: Provides users with an introduction to the app and its core features.
• Navigation: Easy access to different sections like workout generation and chatbot

Workout Generator

• Personalized Plans: Generate workout routines based on user preferences and goals.
• Export Functionality: Export the generated workout plans as PDF files for offline use.
• Responsive Design: Works seamlessly on mobile and desktop devices.

GymBro Chatbot

• Real-time Assistance: The GymBro chatbot assists users by providing workout routines, nutrition advice, and answering health-related queries.
• Natural Language Processing: GymBro understands and responds to user queries in natural language, making interactions smooth and intuitive.

Responsive Design

• Mobile-Friendly: The app is fully responsive and works on all screen sizes, from mobile phones to large desktop monitors.
• Consistent UX: Ensures a consistent user experience across all devices.

Built With

• 
• 
• 
• 
• 
• 
• 

Project Directory

LiftLog
│── functions
│   │   └── gemini.js         # Serverless function handling chatbot requests
├── public
│   ├── gym.png               # Assets used in the app
│   └── vite.svg              # Vite logo asset
├── src
│   ├── assets
       ├── chatbotAnimation.json
       ├── react.svg                
│   ├── components            # React components used in the application
│   │   ├── Button.jsx
│   │   ├── Chatbot.jsx       
│   │   ├── ErrorModal.jsx
│   │   ├── ExerciseCard.jsx
│   │   ├── Generator.jsx     
│   │   ├── Hero.jsx
│   │   ├── Navbar.jsx
│   │   ├── SectionWrapper.jsx
│   │   └── Workout.jsx
│   ├── utils                 # Utility files
│   │   ├── exportWorkoutAsPdf.js # PDF export functionality
│   │   ├── functions.js      
│   │   ├── keywords.js       # Keywords for chatbot filtering
│   │   ├── server.js         # Express server configuration (local dev)
│   │   └── workouts.js       # Workout data management
│   ├── App.jsx               # Main App component
│   ├── index.css             # Global styles
│   └── main.jsx              # Entry point for the React application
├── .env                      # Environment variables
├── .gitignore                # Git ignore file
├── index.html                # Main HTML template
├── netlify.toml              # Netlify configuration file
├── package-lock.json         # Dependency tree
└── package.json              # Project metadata and dependencies