GymUp: A Feature-Rich Gym Management Web App

Haris Muneer

Web Designer
Fullstack Engineer
Web Developer
Node.js
React
TypeScript

GymUp empowers gym owners with the tools they need to manage their businesses effectively, improve member engagement, and gain valuable insights. GymUp is a comprehensive gym management web application built with a focus on functionality, user experience, and clean code.

Frontend:

Built with React and Typescript for a performant and maintainable codebase. Utilizes ESLint and Prettier for consistent code style and adherence to best practices. Responsive design ensures seamless user experience across all devices

Features:

Authentication and Payment Integration: User login and signup paired with Stripe subscription services

Gym Creation and Management: Gym owners can create and manage their gyms with ease.

Member Management: Add, edit, and remove members, keeping track of their attendance and workout details.

Attendance Tracking: Mark members present or absent, along with logging their workout hours.

Subscription-based Service: Integrated with Stripe for secure and convenient subscription management.

Data Visualization: Gain valuable insights through three dynamic chart types:

Attendance Chart: Visually track member presence and overall gym attendance across days.

Revenue Chart: Monitor gym revenue with a cumulative chart based on member fees.

Member-Specific Attendance & Workout Hours: Analyze individual member activity with dedicated charts.

Backend:

Built with Node.js and Express.js with Typescript for a robust and scalable backend. Utilizes ESLint and adheres to best practices for clean and secure code. RESTful API architecture ensures smooth communication between frontend and backend.

Hosting:

Database hosted on a secure online platform (Neon.db).

Server deployed on Heroku for reliable and scalable hosting.

Frontend deployed on Netlify for fast and efficient delivery.

Partner With Haris
View Services

More Projects by Haris