La plataforma Unicar permite a los estudiantes organizar viajes compartidos desde y hacia las universidades.
La estructura del proyecto es la siguiente:
src/
assets/
images/
components/ # Componentes de UI reutilizables y vistas
contexts/ # Contiene el AuthContext
utils/ # Utilidades y funciones auxiliares
App.js # Componente principal de la aplicación
index.js # Punto de entrada de la aplicación
Para instalar todas las dependencias necesarias, ejecute el siguiente comando:
npm installPara iniciar la aplicación, use el siguiente comando:
npm startEsto iniciará el servidor de desarrollo y podrá ver la aplicación en http://localhost:3000.
Este componente muestra la información del mapa, utilizando la api key de Google Maps, es llamada en todas las vistas en donde se requiere renderizar un mapa.
Este componente se muestra en la parte superior y contiene los botones para navegar en la plataforma.
Este componente renderiza el formulario para iniciar sesion.
Este componente renderiza el formulario para registrarse como usuario de la plataforma.
El archivo principal de la aplicación que define las rutas y estructura de navegación. Utiliza react-router-dom para gestionar las rutas y cargar diferentes páginas según la URL.
Se utilizo esta herramienta para privatizar la ruta, exigiendo tener session id requerido para acceder a rutas especificas.
Se utilizo este archivo para estansarizar estilos de la app.
El despliegue de la aplicación se realizo a traves del servicio Vercel, el cual se encarga del hosting de la app y de realizar CD al actualizar la rama main.