Este es un proyecto de Angular que utiliza un json-server
como backend simulado.
Puedes ejecutar este proyecto de dos maneras: usando Docker (recomendado para un entorno aislado y consistente) o localmente en tu máquina.
Esta es la forma más sencilla de levantar todo el entorno de desarrollo (frontend y backend) con un solo comando.
- Docker
- Docker Compose (generalmente incluido con Docker Desktop)
-
Asegúrate de que Docker Desktop esté en ejecución.
-
Abre una terminal en la raíz del proyecto y ejecuta el siguiente comando:
docker-compose up --build
- La opción
--build
es necesaria la primera vez para construir la imagen de Angular. Puede tardar unos minutos. - Si quieres que se ejecute en segundo plano, puedes añadir la opción
-d
.
- La opción
-
Una vez que los contenedores estén listos:
- Frontend (Angular) estará disponible en:
http://localhost:4200
- Backend (API) estará disponible en:
http://localhost:3000
- Frontend (Angular) estará disponible en:
Si prefieres no usar Docker, puedes ejecutar el frontend y el backend por separado en tu máquina.
-
Node.js (versión 20.x recomendada)
-
Angular CLI instalado globalmente.
npm install -g @angular/cli
-
Instalar dependencias: Abre una terminal en la raíz del proyecto y ejecuta:
npm install
-
Iniciar el Backend (json-server): En una terminal, ejecuta el siguiente comando para iniciar el servidor de la API:
npx json-server --watch db.json
El backend estará disponible en
http://localhost:3000
. -
Iniciar el Frontend (Angular): En otra terminal, ejecuta el siguiente comando para iniciar la aplicación de Angular:
ng serve
El frontend estará disponible en
http://localhost:4200
. La aplicación se recargará automáticamente si realizas cambios en los archivos.