Skip to content
/ B-fit Public

B-fit is a sleek and powerful **fitness tracking web app** that helps users **log workouts, monitor calorie intake, and track progress**. Built with **React, Tailwind CSS, and Framer Motion**, it provides a seamless and engaging experience for fitness enthusiasts.

Notifications You must be signed in to change notification settings

Jijnash7/B-fit

Repository files navigation

🏃‍♂️ B-fit - Your Personal Fitness Companion

Overview

B-fit is an advanced fitness tracking application designed to help you achieve your health and fitness goals. With comprehensive workout tracking, nutrition analysis, and progress monitoring, B-fit makes your fitness journey both engaging and effective.

✨ Key Features

💪 Workout Tracking

  • Log and monitor daily workouts
  • Track sets, reps, and exercise details
  • View workout history and progress charts
  • Set and monitor weekly workout goals

🥗 Nutrition Analysis

  • Search and log food items with Nutritionix API integration
  • Track daily calorie intake
  • Monitor macronutrient distribution
  • Get detailed nutritional information for foods

📊 Progress Monitoring

  • Interactive progress charts and visualizations
  • Weekly and monthly progress reports
  • Achievement tracking and milestones
  • Customizable fitness goals

🧮 Advanced Calorie Calculator

  • Calculate BMR (Basal Metabolic Rate)
  • Determine daily calorie needs based on activity level
  • Personalized macro distribution recommendations
  • Activity level adjustments

🛠️ Tech Stack

Frontend

  • React with TypeScript
  • Tailwind CSS for responsive styling
  • Framer Motion for smooth animations
  • Recharts for data visualization
  • Shadcn UI components

Backend

  • Next.js for server-side rendering
  • PostgreSQL database
  • Secure authentication system
  • RESTful API architecture

APIs & Tools

  • Nutritionix API for food database
  • Date-fns for date management
  • TanStack Query for data fetching
  • React Hook Form for form handling

🎨 UI Design

The application's user interface is crafted for optimal user experience and aesthetic appeal. Check out our design inspiration: B-fit UI Design Reference

🚀 Getting Started

  1. Clone the repository
  2. Install dependencies:
    npm install
  3. Set up environment variables:
    VITE_NUTRITIONIX_APP_ID=your_app_id
    VITE_NUTRITIONIX_API_KEY=your_api_key
  4. Start the development server:
    npm run dev

🎯 Features in Detail

Workout Tracking

  • Create and customize workout routines
  • Track exercise progress and personal records
  • Set workout reminders and goals
  • View workout history and trends

Nutrition Tracking

  • Comprehensive food database
  • Meal planning capabilities
  • Nutrition goals and progress tracking
  • Detailed macro and micronutrient analysis

User Experience

  • Intuitive, responsive design
  • Dark/light mode support
  • Mobile-friendly interface
  • Personalized dashboard

👨‍💻 Development Team

Lead Developer

  • Jijnesh
    • Full-stack implementation
    • UI/UX design
    • System architecture
    • API integration

🤝 Contributing

We welcome contributions! Please feel free to submit a Pull Request.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.


Made with ❤️ by Jijnesh | © 2025 B-fit

About

B-fit is a sleek and powerful **fitness tracking web app** that helps users **log workouts, monitor calorie intake, and track progress**. Built with **React, Tailwind CSS, and Framer Motion**, it provides a seamless and engaging experience for fitness enthusiasts.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages