33% OFF GYM Management System in MERN Stack
GYM Management System in MERN Stack is a full-stack fitness web application built with React.js, Tailwind CSS, Node.js, Express.js, and MongoDB. It enables users to explore gym membership plans, submit subscription requests, browse exercises and workout videos, provide feedback, and contact the gym. Administrators can access user records, subscription data, membership plan categories, feedback, and contact messages.
Read more- Built with
- ReactBootstrapJavaScriptNode.jsMongoDB
- You get
- Source codeDatabaseProject reportPPTSetup guide
- Delivery
- Instant download after payment
Project Overview
GYM Management System in MERN Stack is a full-stack web application designed to simplify gym-related activities and provide an interactive fitness platform. It brings membership plans, subscription requests, exercise information, workout videos, feedback, and contact management together in one application.
The frontend uses React.js and Tailwind CSS, while Node.js and Express.js handle backend operations. MongoDB stores application records, JWT supports token-based authentication, and RapidAPI provides access to external exercise information and workout video services.
Key Features
- User Registration and Login: Allow users to create accounts and log in to the application.
- Authentication and Protected Routes: Use token-based authentication, password hashing, and middleware to protect supported backend routes.
- Subscription Management: Allow users to submit subscription details for available gym membership plans and store subscription records in MongoDB.
- Membership Plan Categories: Organize membership options into categories that administrators can manage through available backend operations.
- Exercise Information: Browse exercise information and discover workouts based on muscle groups through integrated RapidAPI services.
- Workout Video Integration: Retrieve workout video information using a YouTube-related API integration.
- Feedback Management: Submit feedback through the available form and store records for administrative review.
- Contact Management: Send questions and messages through the contact form, with submitted messages stored for later access.
- Administrative Operations: Retrieve user records, access subscription data, manage membership plan categories, and review feedback and contact messages.
- Responsive Interface: Use a fitness-themed interface with sections for pricing, trainers, testimonials, exercises, and contact information.
User Workspace
Users can register and log in, explore gym information and membership plans, browse exercises, view workout-related videos, submit membership subscription requests, provide feedback, and send messages through the contact form.
Administrator Workspace
The administrator role provides access to registered user records and subscription information. Administrators can manage membership plan categories and review feedback submissions and contact messages through the available backend operations. Administrative access depends on the authorization checks implemented in the application.
Subscription Management
The subscription module accepts membership subscription details and stores the resulting records in MongoDB. This allows the application to maintain membership-related requests in a centralized database. The documented features do not establish a complete payment gateway integration, so online payment processing should not be assumed.
Exercise and Workout Video Integration
The application uses RapidAPI services to retrieve exercise information based on muscle groups and workout video information through a YouTube-related API. These integrations help users explore fitness exercises and discover video demonstrations without requiring all exercise content to be maintained locally.
Feedback and Contact Management
Users can send feedback and contact messages through the provided forms. The backend stores submitted records in MongoDB so they can be retrieved for administrative review and follow-up.
Technology Stack
- Frontend: React.js
- Styling: Tailwind CSS
- Backend: Node.js and Express.js
- Database: MongoDB
- Authentication: JSON Web Tokens (JWT)
- External API Integration: RapidAPI
- Exercise Data: ExerciseDB API service
- Workout Videos: YouTube-related API service
Software and Tools Required
- Visual Studio Code
- Node.js and npm
- MongoDB Atlas or a compatible MongoDB instance
- A RapidAPI account with access to the required APIs
- A modern web browser
Project Applications
This project is suitable for students learning MERN stack development, authentication, database operations, REST API integration, and responsive user interface design. It can also serve as a starting point for a gym website that combines membership information and fitness content.
More Details and Full Documentation
For screenshots, original features, setup instructions, and project documentation, visit the official UPDATEGADH project page:
- User Registration and Login Module
- Authentication and Protected Routes Module
- Subscription Management Module
- Membership Plan Categories Module
- Exercise Information Module
- Workout Video Integration Module
- Feedback Management Module
- Contact Management Module
- Administrative Operations Module
- User Records Management Module
- Subscription Records Module
- RapidAPI Integration Module
- MongoDB Database Module
- Responsive Frontend Module
- Install Node.js, npm, and Visual Studio Code.
- Extract the project ZIP file and open the main project folder in Visual Studio Code.
- Confirm that the project contains separate client and server directories.
- Open the terminal and navigate to the server directory using: cd server
- Install backend dependencies using: npm install
- Create a .env file inside the server directory.
- Add these environment variables: MONGO_URL=your_mongodb_connection_string, JWT_SECRET=your_strong_secret_key, PORT=5000
- Replace the example values with your MongoDB connection string and a secure JWT secret.
- Start the backend using: npm start
- Open a second terminal and navigate to the client directory using: cd client
- Install frontend dependencies using: npm install
- Create a .env file inside the client directory.
- Add these frontend environment variables: VITE_REACT_APP_RAPIDAPI_KEY=your_rapidapi_key, VITE_API_URL=your_backend_api_url
- Configure access to the required YouTube Search and Download API and ExerciseDB API through RapidAPI.
- Start the frontend using: npm run dev
- Open the local URL displayed in the terminal and keep both the frontend and backend running.
- Register an account and test membership plans, exercise information, workout videos, subscription requests, feedback, and contact forms.
Stuck while running it? Chat with us on WhatsApp for free installation help.
No reviews yet. Be the first to review this project.
