Este es un proyecto básico de Next.js que incluye dos ejemplos de un componente con un selector de rangos y una página principal. Utiliza Axios para realizar llamadas a un API básico hecho en Mockable.io, Jest y React Testing Library para pruebas unitarias y de integración.
Antes de comenzar, asegúrate de tener instalado Node.js en tu sistema. Este proyecto ha sido creado y probado con Node.js versión 12.x o superior.
Para configurar el proyecto en tu entorno local, sigue estos pasos:
-
Clona el repositorio
Primero, clona este repositorio a tu máquina local utilizando el siguiente comando en tu terminal:
git clone https://github.com/sayalex25/MangoTechnicalTest.git
Luego navega a la carpeta del proyecto:
cd tu-repositorio -
Instala las dependencias
Una vez que estés dentro del directorio del proyecto, instala las dependencias necesarias ejecutando:
npm install
or
yarn install
Para iniciar el servidor de desarrollo y abrir el proyecto en tu navegador, ejecuta:
npm run dev
o si usas Yarn:
yarn dev
El proyecto sigue la estructura estándar de Next.js:
- pages/ : Contiene las páginas de tu aplicación. index.js es la página principal.
- components/ : Directorio para tus componentes de React.
- public/ : Para archivos estáticos como imágenes.
- styles/ : Para hojas de estilo CSS.
El proyecto utiliza Axios para manejar llamadas a APIs externas. Puedes encontrar ejemplos de cómo se utiliza Axios dentro de los componentes en el directorio components/ .
Este proyecto utiliza Jest y React Testing Library para pruebas. Para ejecutar las pruebas, utiliza el siguiente comando:
npm run testo si usas Yarn:
yarn testEsto ejecutará todas las pruebas definidas en el directorio tests y mostrará los resultados en la terminal.
Este proyecto está licenciado bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.
Este README proporciona una guía básica para comenzar con el proyecto y ejecutarlo localmente.
sayalex