This quickstart walks you through cloning the repository, installing dependencies, connecting to a backend API, and opening GymSys in your browser — everything you need to have a fully working local environment in under 10 minutes.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/Hansel-Pan/sistema-de-informacion-web-para-un-gimnasio/llms.txt
Use this file to discover all available pages before exploring further.
Clone the repository
Clone the GymSys source code from GitHub and navigate into the project directory.
Set up the backend
GymSys requires a compatible REST API server running at Make sure your backend server is started and listening on port
http://localhost:3001/api. The base URL is hardcoded in services/api.js:3001 before you launch the frontend. If you are using a different host or port, update the API constant in services/api.js to match.Refer to the backend setup guide for step-by-step instructions on starting the API server.What You’ll See
Once the app loads you will land on the Inicio dashboard. A sidebar on the left provides navigation to all five main sections of the application:| Page | Path | Purpose |
|---|---|---|
| 🏠 Inicio | / | Dashboard with total clients, active memberships, and current occupancy |
| 👥 Clientes | /clientes | Client list with add, edit, and delete actions |
| 💰 Pagos | /pagos | Payment log and new payment form |
| 🚪 Control Acceso | /acceso | Record client entries and exits; view current occupancy |
| 📊 Reportes | /reportes | Full client list and occupancy snapshot |
NavLink with an active CSS class applied to the currently visited page, so you always know where you are in the app.
For production deployment and advanced configuration options see Frontend Setup and Backend Setup.