Esta aplicación muestra un mapa interactivo de escuelas y centros de aprendizaje en la provincia de Córdoba, Argentina.
ConectividadCba/
│
├── backend/
│ ├── src/
│ │ ├── main/
│ │ │ ├── java/
│ │ │ │ └── com/
│ │ │ │ └── conectividadcba/
│ │ │ │ ├── controllers/
│ │ │ │ │ └── EntityController.java
│ │ │ │ ├── models/
│ │ │ │ │ └── Entity.java
│ │ │ │ └── ConectividadCbaApplication.java
│ │ │ └── resources/
│ │ │ └── application.properties
│ └── pom.xml
│
├── frontend/
│ ├── public/
│ │ └── data/
│ │ └── cordoba.json
│ ├── src/
│ │ ├── components/
│ │ │ ├── InfoPanel/
│ │ │ │ ├── InfoPanel.tsx
│ │ │ │ └── InfoPanel.css
│ │ │ └── Map/
│ │ │ ├── MapComponent.tsx
│ │ │ └── MapComponent.css
│ │ ├── services/
│ │ │ └── api.ts
│ │ ├── App.tsx
│ │ ├── App.css
│ │ └── index.tsx
│ └── package.json
│
└── README.md
- Java 17 o superior
- Node.js 14 o superior
- npm 6 o superior
- Abra una terminal
- Navegue al directorio del backend:
cd ConectividadCba/backend - Ejecute el siguiente comando para iniciar el servidor:
El backend estará disponible en
./mvnw spring-boot:runhttp://localhost:8080
- Abra otra terminal
- Navegue al directorio del frontend:
cd ConectividadCba/frontend - Instale las dependencias (si aún no lo ha hecho):
npm install - Inicie la aplicación frontend:
El frontend estará disponible en
npm starthttp://localhost:3000
- Abra un navegador web y vaya a
http://localhost:3000 - Verá un mapa de la provincia de Córdoba con marcadores para escuelas y centros de aprendizaje
- Use el panel de información a la izquierda para:
- Filtrar entidades por nombre, tipo o departamento
- Cambiar el mapa base
- Hacer zoom en el mapa
- Haga clic en los marcadores para ver más detalles sobre cada entidad
Esta versión inicial incluye un mapa de la provincia de Córdoba, muestra entidades preconfiguradas (escuelas y centros de aprendizaje) y permite filtrado y zoom. La aplicación está lista para futuras mejoras, como:
- Agregar más funcionalidades
- Conectar con una base de datos real
- Expandir la API del backend
- Mejorar la interfaz de usuario
- Agregar autenticación y autorización de usuarios