Esta es la aplicación frontend para un sistema de gestión de tableros, construida con React, TypeScript y Vite. La app se conecta a una API REST que maneja los tableros y las tareas, brindando a los usuarios una experiencia fluida para organizar y gestionar sus proyectos.
- React: Una biblioteca moderna, rápida y flexible para construir interfaces de usuario.
- TypeScript: Agrega tipado estático a JavaScript para una mejor experiencia de desarrollo y menos errores en tiempo de ejecución.
- Vite: Una herramienta de construcción que proporciona reemplazo rápido de módulos (HMR) y optimización de bundling.
- ESLint: Reglas integradas de ESLint para asegurar la calidad y consistencia del código.
Esta guía explica cómo ejecutar el Dockerfile y el archivo docker-compose.yml existentes en tu proyecto React Vite.
- Docker instalado en tu máquina
- Docker Compose instalado en tu máquina
- El proyecto React Vite con Dockerfile y docker-compose.yml ya existentes
-
Abre una terminal y navega hasta el directorio raíz de tu proyecto.
-
Construye la imagen Docker usando el Dockerfile:
docker build -t react-vite-app .- Una vez que la imagen se haya construido, ejecuta el contenedor:
docker run -p 8080:80 react-vite-app- Ahora puedes acceder a tu aplicación en
http://localhost:8080.
-
Asegúrate de estar en el directorio raíz de tu proyecto donde se encuentra el archivo
docker-compose.yml. -
Ejecuta el siguiente comando para construir la imagen y iniciar los servicios definidos en docker-compose.yml:
docker-compose up --build-
Docker Compose construirá la imagen si es necesario y luego iniciará los contenedores. Tu aplicación estará disponible en la dirección y puerto especificados en el archivo docker-compose.yml.
-
Para detener y eliminar los contenedores, utiliza:
docker-compose down