Este es el proyecto frontend para la prueba técnica de la DGII. Está desarrollado en React utilizando Vite como herramienta de construcción, junto con varias otras dependencias para la gestión del estado, la manipulación de formularios y las solicitudes HTTP.
Mire el video de demostración de la aplicación aquí: Demostración de la Aplicación
Antes de comenzar, asegúrese de tener instalados los siguientes programas en su máquina:
- Git para el control de versiones.
- Node.js para la ejecución de JavaScript en el servidor y la gestión de dependencias.
- npm (se instala junto con Node.js) para gestionar los paquetes de JavaScript.
-
Clonar el Repositorio
Clone este repositorio en Visual Studio Code dentro de su máquina local usando el siguiente comando:
git clone https://github.com/EstefaniSoto/FrontEnd-DGII.git
-
Navegue al directorio del proyecto:
cd FrontEnd-DGII- Instale las dependencias:
npm install- Configure las variables de entorno:
Cree un archivo .env en el directorio raíz del proyecto y añada la siguiente línea:
VITE_API_BASE_URL=http://localhost:5054/apiEjecución del Proyecto Para iniciar el servidor de desarrollo, ejecute el siguiente comando:
npm run devEl proyecto se abrirá en el navegador en http://localhost:5173 por defecto. IMPORTANTE: El proyecto debe ejecutarse en esta URL específicamente, ya que los permisos de CORS para la API están configurados para permitir solicitudes solo desde http://localhost:5173.
Para ejecutar las pruebas, utilice el siguiente comando:
npm testLas pruebas están configuradas para ejecutarse en un entorno de jest con jsdom.
- React: Biblioteca de JavaScript para construir interfaces de usuario.
- Vite: Herramienta de construcción rápida.
- Tailwind CSS: Framework CSS para diseño rápido y responsivo.
- Axios: Biblioteca para realizar solicitudes HTTP.
- SweetAlert2: Librería para mostrar alertas estilizadas.
- Jest: Framework de pruebas para JavaScript.