0.0.0 • Published 7 months ago

plantai v0.0.0

Weekly downloads
-
License
-
Repository
-
Last release
7 months ago

PlantAI e-commerce

Arquitectura de datos Frontend

  • React
  • Typescript
  • Vite
  • HTML 5
  • CSS 3
  • Bootstrap
  • Redux Toolkit

Instalación y Configuración

1. Clonar el repositorio

  • Abre una terminal en Visual Studio Code o tu editor de preferencia.
  • Clona el repositorio desde GitHub ejecutando el siguiente comando:

    git clone https://github.com/bootcamp-uchile-2024/grupo-3-frontend.git
  • Verifica que todo se clonó correctamente, usando el comando:

    git status

2. Navegar a la carpeta del proyecto

  • Verifica que te encuentras en la carpeta correcta. Si no es así, utiliza el comando:

    cd grupo-3-frontend

3. Instalar las dependencias

  • En la terminal, instala las dependencias de Node.js utilizando:

    npm install
  • Si al instalar genera un reporte de vulnerabilidades, intenta solucionarlo automáticamente ejecutando:

    npm audit fix

4. Instalar Bootstrap, Type checker y Redux toolkit

  • Para incluir Bootstrap en el proyecto, ejecuta el siguiente comando en la terminal:

    npm install bootstrap
    npm install bootstrap @popperjs/core
    npm install react-bootstrap-icons
  • Para incluir type checker, ejecuta:

    npm install file-type-checker 
  • Para instalar Redux toolkit, ejecuta:

    npm install @reduxjs/toolkit

5. Traer los últimos cambios

  • Para asegurarte de que estás trabajando con la versión más reciente, sigue estos pasos:

1. Verificar la rama actual

  • Asegúrate de estar en la rama correcta utilizando el siguiente comando:

    git branch
  • Esto mostrará una lista de las ramas existentes y marcará con un asterisco (*) la rama en la que estás actualmente.

2. Cambiar de rama (si es necesario)

  • Para cambiar de rama, usa el comando:
    git checkout nombre-de-la-rama

3. Traer los últimos cambios

  • Una vez que estés en la rama correcta, utiliza el siguiente comando para traer los últimos cambios del repositorio remoto:
    git pull origin nombre-de-la-rama

6. Ejecutar el proyecto en desarrollo

  • Para visualizar el proyecto en modo desarrollo, utiliza:

    npm run dev

8. Revisar el código del proyecto

  • Para revisar el proyecto en busca de errores, ejecuta:

    npm run lint

8. Compilar el proyecto para producción

  • Para compilar el proyecto y preparar los archivos para producción, ejecuta:

    npm run build