More than a brochure
Present gym information and programmes while giving visitors a clear way to ask questions or express interest.
ADIG Fitness.
A gym website concept extended with an interactive 3D experience and a connected enquiry workflow.
ADIG is a self-initiated fitness-platform concept built to explore an immersive gym website, interactive 3D and a connected enquiry workflow. It is not presented as commissioned client work.
PROJECT BRIEFA website is the start.
A website is the start.
The workflow completes it.
The concept explores how a fitness website can combine a visitor-facing experience with a practical path for handling enquiries behind the scenes.
Make the experience memorable
Use a 3D physics playground as an interactive element within the wider website experience.
Connect enquiries to a workflow
Demonstrate how submissions can reach an API and appear in a dashboard for review and status handling.
SYSTEM FLOWFrom first visit
From first visit
to enquiry management.
The project connects three distinct parts: the public website, the server-side contact workflow and a token-gated admin interface.
Visitor experience
The React frontend presents the gym concept, its offerings and the interactive 3D experience.
Enquiry submission
The contact form sends visitor details to an Express endpoint for validation and email handling.
Enquiry management
A protected dashboard provides a focused interface for reviewing and updating submitted enquiries.
FEATURESDesigned for visitors.
Designed for visitors.
Connected for operators.
Capabilities documented in the implementation.
Public-facing fitness website
A responsive gym website structure covering programmes, plans, trainers, facilities, testimonials, schedules, FAQs and contact information.
Interactive 3D physics
A Three.js and Cannon-es playground supports gravity, collisions, drag-and-throw interactions and camera parallax.
Contact and email workflow
A contact endpoint validates incoming submissions and sends email through Nodemailer and SMTP.
Enquiry dashboard
A token-gated admin interface supports enquiry search, status filtering, detail views, status updates and deletion.
API safeguards
The backend implementation includes input validation, security headers, CORS allow-listing, rate limiting and a honeypot spam trap.
TECH STACKFrontend, motion
Frontend, motion
and server-side workflow.
A JavaScript-based stack supports the public experience, interactive scene and enquiry handling.
Engineering note: the repository documents enquiry storage as in-memory. A persistent database or durable storage layer is required before relying on the dashboard for ongoing production records.
The dashboard is described as token-gated. Production use would also require secure secret management, durable data storage, operational monitoring and a full security review.