Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/danielsl4/TFG_DAM_2526/llms.txt

Use this file to discover all available pages before exploring further.

The FutsalManager frontend is an Angular application that communicates with the backend REST API. You build it into static files that any web server or CDN can serve.

​
Prerequisites

  • Node.js 18+
  • Angular CLI — installed globally via npm install -g @angular/cli

​
Install dependencies

Run this from the frontend/ directory: 
npm install

​
Development server

To run the app locally against the development API (http://localhost:3000): 
ng serve
The app is available at http://localhost:4200. The development server watches for file changes and reloads automatically.

​
Environment configuration

The Angular build system swaps environment files at build time. There are two files in src/environments/:
FileUsed whenAPI URL
environment.development.tsng serve (development build)http://localhost:3000
environment.tsng build (production build)https://backend-lovat-tau.vercel.app
To point the production build at a different backend, edit src/environments/environment.ts:
src/environments/environment.ts
export const environment = {
  production: true,
  apiUrl: 'https://your-backend-url.example.com'
};
Do this before running ng build. The API URL is baked into the compiled output — there is no runtime configuration file.

​
Production build

ng build
This compiles the app with optimizations enabled and writes the output to the dist/ directory. The default output path is dist/frontend/browser/.
The production build runs by default (see angular.json defaultConfiguration: "production"). You don’t need to pass --configuration production explicitly.

​
Serving the built app

The contents of dist/frontend/browser/ are plain static files. You can serve them with any web server. 
server {
    listen 80;
    root /var/www/futsalmanager/dist/frontend/browser;
    index index.html;

    location / {
        try_files $uri $uri/ /index.html;
    }
}
Angular uses client-side routing. Make sure your server falls back to index.html for all routes that are not static files, or navigation will break on page refresh.

​
Vercel Analytics

The app includes @vercel/analytics. When deployed on Vercel, analytics are collected automatically with no additional configuration needed.

Build docs developers (and LLMs) love

Get started for freeTalk to us