Skip to content
Methex
Back to projects

Collaborative Full-Stack Web Platform

AstroLift Gym Management Platform

A production-ready gym management platform centralizing memberships, workout programs, payments, attendance, and real-time operations for admins, trainers, and members.

WebNext.jsNode.jsExpressDockerDocker ComposeJestTeam Project

Overview

AstroLift is a production-ready gym management platform built to centralize everyday gym operations in one system. It provides structured access for admins, trainers, and members while supporting workout tracking, membership management, payment workflows, attendance logging, and real-time updates. The application is fully Dockerized, making setup and team collaboration smoother across development environments.

Challenge

Gym operations often become fragmented across member records, workout plans, attendance sheets, and payment tracking tools. AstroLift needed to unify these workflows while preserving focused permissions for admins, trainers, and members, maintaining dependable frontend-backend data flow, and providing a repeatable development environment for the project team.

Impact

The delivered platform gives gym teams one structured system for daily operations, improves visibility into membership and workout activity, supports more efficient attendance and billing workflows, and provides a scalable Docker-based foundation for continued full-stack development.

Identity

Project profile

Project Type

Collaborative production-ready full-stack web platform

My Role

Major full-stack contributor across product workflows and implementation

User Roles

Admin, trainer, and member

Delivery

Dockerized frontend and backend with team-friendly development workflows

Core Scope

Memberships, workouts, payments, attendance, and real-time operations

Stack

Technology foundation

Frontend

Next.js

Responsive admin, trainer, and member interfaces

Backend

Node.js and Express

Gym business logic, API endpoints, and operational data workflows

Containerization

Docker

Consistent frontend and backend environments across development machines

Orchestration

Docker Compose

Coordinate application services through development and production setups

Testing

Jest

Automated validation for application behavior and core implementation

Code Quality

ESLint and Prettier

Consistent code standards, formatting, and maintainability

Git Workflow

Husky

Commit-time quality checks and shared team safeguards

Configuration

Environment variables

Manage backend configuration without hardcoding environment-specific values

Scope

MVP feature set

Team Contribution & My Role

  • Made a major hands-on contribution to the collaborative project across both product behavior and implementation.
  • Contributed heavily to full-stack implementation across frontend and backend features.
  • Helped build role-based experiences for admin, trainer, and member workflows.
  • Worked on core modules including memberships, workout tracking, attendance, and payment-related flows.
  • Supported API integration and dependable data flow between the Next.js frontend and Express backend.
  • Contributed to improving the project structure and Docker-based development setup.
  • Collaborated on testing, code quality, and workflow consistency using shared tooling and team practices.
  • Helped refine the user experience so daily gym operations could be completed more efficiently.

User Roles & Platform Access

  • Admin Panel: Manage memberships, payments, attendance records, and overall gym operations.
  • Trainer Workspace: Create workout programs, track member progress, and monitor assigned activities.
  • Member Portal: View workouts, follow assigned programs, and stay updated with gym activity.
  • Role-Based Access: Keep platform actions focused and secure by exposing workflows relevant to each user type.

Core Gym Operations

  • Membership Management: Organize member records and subscription-related workflows.
  • Workout Tracking: Create assigned workout plans and provide progress visibility.
  • Payments & Billing: Support billing-related processes and payment tracking.
  • Attendance Logging: Record attendance and surface real-time operational updates.
  • Operational Visibility: Bring common gym activities into one connected platform instead of separate manual tools.

Screenshots

AstroLift gym management case study

Trainer Dashboard

Screen 01

Trainer Dashboard

Trainer workspace for member requests, activity, and workout-management operations.

Platform Login

Screen 02

Platform Login

AstroLift authentication screen for role-aware gym access.

Payment Dashboard

Screen 03

Payment Dashboard

Billing and payment-focused dashboard for operational financial visibility.

Architecture

Delivery details

Admin Experience

  • Centralize high-level gym operations within a dedicated administrative workspace.
  • Review and maintain membership information and subscription-related records.
  • Track attendance activity and support day-to-day operational oversight.
  • Manage payment-related workflows and maintain clearer billing visibility.
  • Coordinate platform activity across trainers and members through role-aware access.

Trainer & Member Workflows

  • Trainers create structured workout programs and assign relevant activities to members.
  • Progress tracking helps trainers monitor how members move through assigned plans.
  • Members access their workout information through a focused personal portal.
  • Assigned programs provide members with a clearer path through their gym activity.
  • Shared updates keep trainers and members aligned without exposing unrelated administrative controls.

Frontend & Backend Integration

  • Next.js delivers responsive role-based experiences across administration, training, and member workflows.
  • Node.js and Express provide the backend API layer and gym-specific business logic.
  • Frontend modules consume backend endpoints for memberships, workouts, attendance, and payment-related data.
  • Integration work focuses on consistent request handling, operational state, and reliable data presentation.
  • Collaborative development keeps frontend behavior aligned with backend contracts and shared feature requirements.

Dockerized Architecture

  • Frontend and backend services run together through Docker Compose.
  • Containerization reduces machine-specific setup differences across the project team.
  • Backend configuration is supplied through environment variables instead of hardcoded values.
  • A separate development Compose setup supports hot reloading during active implementation.
  • Production-oriented configuration prepares the full-stack application for more dependable delivery.

Testing & Code Quality

  • Jest supports automated testing for application behavior and implementation confidence.
  • ESLint identifies code-quality issues and encourages consistent engineering standards.
  • Prettier maintains shared formatting across collaborative contributions.
  • Husky adds commit-time safeguards to the team's Git workflow.
  • Shared tooling improves consistency as frontend, backend, and infrastructure changes evolve together.

Delivery Outcome

  • Delivered as a production-ready full-stack gym management application.
  • Consolidates memberships, workouts, payments, and attendance into one structured system.
  • Supports distinct operational experiences for admins, trainers, and members.
  • Docker and Docker Compose provide a repeatable, team-friendly setup across environments.
  • The architecture creates a scalable foundation for expanding gym operations and future features.