FitQuest

Your guide for a healthy life

Built with

About The Project

Live link:

• https://fitquest-bd.web.app/

Admin Credentials

• Username: [email protected]
• Password: Admin@fitquest

Welcome to FitQuest!

FitQuest is a social platform for fitness enthusiasts, offering features for trainers, admins, and members. Trainers manage schedules, classes, and forums. Admins handle operations, finances, and trainer applications. Members book sessions, explore classes, and join community discussions. FitQuest aims to promote fitness through user-friendly tools for interactive and personalized experiences.

Key Features

For Trainers

• Manage Slots: Trainers can manage their available time slots and view booking details.
• Add Slots: Trainers can add new time slots, selecting available days and classes they will teach.
• Forum Contributions: Trainers can contribute to community forums by creating and sharing posts.
• Profile Management: Trainers can update their profiles, including bio, skills, and availability.
• Booking Details: Trainers can view details of members who have booked their sessions.

For Admins

• Newsletter Subscribers: Admins can manage newsletter subscribers and send updates.
• Trainer Management: Admins can view all trainers, delete roles, and manage applications.
• Financial Overview: Admins can view total balance, recent transactions, and financial charts.
• Add Classes: Admins can add new classes with details and images.
• Approve/Reject Applications: Admins can review trainer applications, provide feedback, and update statuses.

For Users (Members)

• Profile Management: Users can manage their profiles, including name, picture, and last login status.
• Book Trainers: Users can book sessions with trainers, selecting available slots and viewing trainer details.
• View Classes: Users can explore all available classes with detailed information and associated trainers.
• Forum Participation: Users can participate in forums, up-vote/down-vote posts, and contribute to discussions.
• Activity Log: Users can view application statuses for trainer roles and feedback provided by admins.

Additional Features

HomePage

• Fully responsive across all devices.
• Banner section with heading, description, and link to classes page.
• Featured section highlighting key features with cards.
• About section with organizational information.
• Featured Classes section showcasing top six most booked classes.
• Testimonials carousel with review cards.
• Latest Community/Forum posts section with direct links.
• Newsletter subscription section.
• Team section displaying trainer profiles.

Trainers Page

• Displays all trainer profiles with relevant information and social icons.
• "Know More" button redirects to Trainer Details page.

Trainer Details Page

• Two sections: Trainer Information and Available Slots.
• "Be A Trainer" section with a call to action.

Trainer Booked Page

• Displays trainer name, selected slot, classes, and membership packages.
• "Join Now" button redirects to the payment page.

Payment Page

• Displays trainer name, slot, package, and user info.
• Confirm button saves information to the database.

Be a Trainer Page

• Form for users to apply as a trainer with various fields.
• Status is pending by default.

Classes Page

• Comprehensive list of all available classes with pagination.
• List of trainers for each class.
• Search functionality on All Classes Page.

Forum Page

• Displays 6 posts per page with pagination.
• Badge for admin/trainer posts on the Community/Forums page.
• Up-vote and down-vote system for forum posts.

Dashboard

Admin

• All Newsletter subscribers.
• All Trainers with delete option.
• Applied Trainer details with confirm/reject options.
• Modal for admin's reject trainer action with feedback.
• Financial overview with charts.

Trainer

• Manage Slots with delete option.
• Add new slot.
• Add new forum post.

Member

• Activity Log with rejection feedback.
• Profile Page with editable account details.
• Booked Trainer details with review option.

Security

• JWT token-based authorization for private routes.

Tech

The Libraries and technologies that has been used in this project are:

• React - A JavaScript library for building user interfaces.
• Firebase - A platform developed by Google for creating mobile and web applications.
• MongoDB - A NoSQL database program, using JSON-like documents with optional schemas.
• Express.js - A web application framework for Node.js, designed for building web applications and APIs.
• Node.js - An open-source, cross-platform JavaScript runtime environment that executes JavaScript code outside a web browser.
• Tailwind CSS - A utility-first CSS framework for rapidly building custom designs.

Running the Project Locally

To run the FitQuest project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/rizwanul-haque-roman/FitQuest-Client.git

2. Navigate to the project directory:

   cd FitQuest-Client

3. Install dependencies:

   npm install

4. Set up your .env file (follow .env.example):

5. Start the development server:

   npm run dev

Developer

• Rijwanul Haque Roman - Computer Science Student at DIIT