Este proyecto utiliza Vite como su herramienta de construcción y desarrollo, consiste en una mini-aplicación para escuchar podcasts musicales.
Aquí se explica cómo puedes desplegar y probar la versión de la aplicación, tanto en modo development como en modo production, en un entorno local.
Para obtener y ejecutar la aplicación en tu máquina local, sigue estos pasos:
-
Clona el repositorio: Abre una terminal y navega hasta la ubicación donde deseas clonar el repositorio. Luego, ejecuta el siguiente comando para clonar el repositorio:
git clone https://github.com/mathewamg33/prueba-tecnica-podcasts.git
-
Ingresa a la carpeta del proyecto
cd prueba-tecnica-podcasts
-
Instala las dependencias
npm install
Para ejecutar la aplicación en modo Development y realizar cambios en tiempo real, sigue estos pasos:
-
Inicia el servidor de desarrollo:
npm run dev
Esto generará una URL local (por ejemplo, http://localhost:5173) para acceder a la aplicación.
- Explora y modifica:
Abre tu navegador y navega a la URL proporcionada. Los cambios en el código se actualizarán automáticamente en el navegador.
- Detén el servidor:
Cuando hayas terminado, detén el servidor de desarrollo presionando Ctrl + C en la terminal.
- Construye tu proyecto de producción:
Antes de desplegar, asegúrate de haber construido tu proyecto para producción. Ejecuta el siguiente comando en tu terminal:
npm run build
- Sirve la versión de producción:
Utiliza un servidor web estático para servir los archivos de la carpeta de salida (dist). Por ejemplo, puedes usar http-server:
npm install -g http-server
http-server dist
- Accede a la aplicación:
Abre tu navegador y navega a la URL proporcionada por el servidor (por ejemplo, http://127.0.0.1:8080, http://192.168.31.225:8080).