The Gym Management System is a full-stack web application developed to digitize and streamline traditional gym operations. It replaces manual processes such as member registration, trainer assignment, billing, and plan management with an efficient digital platform.
This system provides a role-based platform where different users can access specific functionalities based on their roles.
- Admin – Manages members, trainers, plans, and billing
- Trainer – Manages assigned clients and tracks progress
- Member – Views plans, trainer details, and billing history
- To build a responsive and modern gym management system
- To implement secure authentication and role-based access
- To simplify trainer assignment and plan management
- To provide a user-friendly interface for all roles
- Secure login and signup
- JWT-based authentication
- Email verification system
- Manage users and trainers
- Assign trainers to members
- Manage subscription plans
- View billing details
- View assigned members
- Track progress
- Access member plans
- View assigned trainer
- Access billing history
- Manage personal plans
- React.js (Vite)
- Tailwind CSS
- Node.js
- Express.js
- Supabase (PostgreSQL)
The application follows a client-server architecture:
- Frontend handles UI and user interaction
- Backend processes API requests and business logic
- Database stores user, trainer, plan, and billing data
src/
├── assets
├── components
├── context
├── icons
├── pages
├── routes
├── services
├── App.jsx
└── main.jsx
backend/
├── routes
├── services
├── utils
└── server.js
git clone <repository-url>
cd gym-management-system
cd frontend
npm install
npm run dev
cd backend
npm install
node server.js
- Manual testing across devices and browsers
- API testing using Postman
- Debugging using browser console and logs
- Email verification delays
- Token expiration handling
- Complex database queries
- Responsive UI adjustments
- Mobile application development
- Payment gateway integration
- Advanced analytics dashboard
- Notification system
- Attendance tracking
- Full-stack development workflow
- UI/UX design principles
- API integration
- Debugging and testing
- Team collaboration
The Gym Management System successfully demonstrates a complete full-stack application with modern technologies, role-based access, and scalable architecture.
- https://react.dev
- https://tailwindcss.com
- https://supabase.com
- https://nodejs.org
- https://postgresql.org
-
Vishwaraj G – Full Stack Development
- Led frontend and backend development
- Integrated APIs and database (Supabase)
- Managed overall system functionality
-
Dineshkarthik N – UI/UX Design & Database Management
- Designed intuitive and user-friendly UI/UX layouts, improving overall user experience and navigation
- Developed and optimized database schema for efficient data storage, retrieval, and scalability
- Integrated frontend designs with backend database systems to ensure seamless functionality