Loading repository data…
Loading repository data…
SergioAG21 / repository
Este proyecto corresponde a mi Proyecto Final y consiste en una aplicación web full stack desarrollada con Angular en el frontend y Spring Boot en el backend. La aplicación implementa una arquitectura cliente–servidor siguiendo buenas prácticas de desarrollo, separación de responsabilidades y uso de tecnologías modernas.
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Este documento explica paso a paso cómo ejecutar el proyecto frontend (Angular) y backend (Spring Boot) en un entorno de desarrollo local.
Asegúrate de tener instalado lo siguiente:
npm install -g @angular/cli
proyecto/
│
├── clinicare-api/ # Spring Boot (Backend)
│ └── pom.xml
│
└── clinicare/ # Angular (Frontend)
└── angular.json
cd clinicare-api
El backend utiliza variables de entorno definidas en un archivo .env (o configuradas en el sistema).
Archivo de configuración:
src/main/resources/application.properties
Ejemplo:
server.port=8080
spring.datasource.url=jdbc:mysql://localhost:3306/clinicare
spring.datasource.username=${DATABASE_USER}
spring.datasource.password=${DATABASE_PASSWORD}
mailsender.username=${MAILSENDER_USERNAME}
mailsender.password=${MAILSENDER_PASSWORD}
jwt.secret=${JWT_SECRET}
📌 Asegúrate de que las variables de entorno estén definidas antes de arrancar el proyecto.
Con Maven:
mvn spring-boot:run
O generando el JAR:
mvn clean package
java -jar target/*.jar
📌 El backend quedará disponible en:
http://localhost:8080/api
cd clinicare
npm install
Crear un archivo .env en la raíz del proyecto frontend usando como base .env.template:
API_BASE_URL=http://localhost:8080/api
Ejecutar el siguiente comando para generar los archivos de entorno:
npm run set-envs
Esto generará automáticamente los archivos en:
src/environments/
Ejemplo de environment.ts:
export const environment = {
apiBaseUrl: "http://localhost:8080/api",
};
ng serve
📌 La aplicación estará disponible en:
http://localhost:4200
Las llamadas HTTP se realizan usando HttpClient apuntando a:
${environment.apiBaseUrl}/...
Ejemplo:
this.http.get<User>(`${environment.apiBaseUrl}/users/${id}`);
Ejemplo básico en Spring Boot:
@CrossOrigin(origins = "http://localhost:4200")
✔️ Verifica @CrossOrigin o la configuración global de CORS
✔️ Cambia el puerto en application.properties o libera el puerto en uso
✔️ Ejecuta nuevamente:
npm install
mvn clean install
# Backend
cd clinicare-api
mvn spring-boot:run
# Frontend
cd clinicare
ng serve
ng serve --open en producciónng build --configuration production
✨ Proyecto listo para desarrollo ✨