🌟 Gymify (Fitness Tracker Project)

📄 Overview

The Fitness Tracker is a comprehensive MERN stack web application that allows users to track their fitness activities, set goals, and connect with trainers. It features role-based dashboards for Admins, Trainers, and Members, along with community forums and secure payment integration.

🛠️ Technologies Used

• Frontend: React.js, Tailwind CSS
• Backend: Node.js, Express.js
• Database: MongoDB
• Authentication: Firebase
• State Management: TanStack Query (React Query)
• Payment Integration: Stripe
• Other: React Hook Form, React Select

🔥 Core Features

• ✅ User authentication & role-based access control (Admin, Trainer, Member)
• ✅ Fitness tracking with detailed logs and progress reports
• ✅ Personalized dashboards for users
• ✅ Community forums for discussions & support
• ✅ Secure payment integration via Stripe
• ✅ Trainer availability & appointment booking system
• ✅ Mobile-friendly & responsive design

📦 Dependencies

• react-hook-form
• react-select
• tanstack/react-query
• firebase
• stripe
• mongoose
• cors
• dotenv
• express
• jsonwebtoken

🏢 How to Run the Project Locally

Frontend Setup

1. Clone the repository:

   git clone https://github.com/ahmadtnvir/Gymify-Client.git
   cd fitness-tracker

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

Backend Setup

1. Navigate to the backend folder:

   cd client

2. Install dependencies:

   npm install

3. Set up environment variables: Create a .env file and add the required environment variables like MongoDB URI, Firebase credentials, and Stripe keys.

4. Start the backend server:

   npm run dev

🌍 Live Project Link

🔗 Live Demo

---

💪 Thank you for checking out this project! Feel free to contribute or raise issues. 🌟