Title: 3 - Github + React
Course: 2025 - LI - Desarrollo Web del Lado del Cliente 2-1 y 2-2 > Section: 2 - React

Actividad Práctica: Creación de un Repositorio y Desarrollo con Vite

En esta actividad, los alumnos aprenderán a crear un repositorio en GitHub, clonarlo en su equipo local, generar un proyecto de React con Vite y hacer commit y push de los cambios realizados.

Pasos a seguir:

1. Crear un repositorio en GitHub
  - Accede a GitHub.
  - Crea un nuevo repositorio público o privado.
  - Copia la URL del repositorio.
2. Clonar el repositorio en local
  - Abre una terminal y ejecuta el siguiente comando: git clone URL_DEL_REPOSITORIO cd NOMBRE_DEL_REPOSITORIO
3. Generar un nuevo proyecto de React con Vite
  - Ejecuta el siguiente comando dentro del repositorio clonado: npm create vite@latest . --template react
  - Instala las dependencias necesarias: npm install
  - Instala Vite como dependencia de desarrollo: npm install -D vite
4. Hacer commit y push de los cambios
  - Agregar los archivos generados al control de versiones: git add . git commit -m "Inicializando proyecto React con Vite" git push origin main

PARAMETRO DE EVALUACION: Sube un screenshot dentro de un PDF de tu proyecto de Github con todos los documentos agregados por el commit + push

Actividad Práctica: Creación de un Repositorio y Desarrollo con Vite

En esta actividad, los alumnos aprenderán a crear un repositorio en GitHub, clonarlo en su equipo local, generar un proyecto de React con Vite y hacer commit y push de los cambios realizados.

Pasos a seguir:

1. Crear un repositorio en GitHub
  - Accede a GitHub.
  - Crea un nuevo repositorio público o privado.
  - Copia la URL del repositorio.
2. Clonar el repositorio en local
  - Abre una terminal y ejecuta el siguiente comando: git clone URL_DEL_REPOSITORIO cd NOMBRE_DEL_REPOSITORIO
3. Generar un nuevo proyecto de React con Vite
  - Ejecuta el siguiente comando dentro del repositorio clonado: npm create vite@latest . --template react
  - Instala las dependencias necesarias: npm install
  - Instala Vite como dependencia de desarrollo: npm install -D vite
4. Hacer commit y push de los cambios
  - Agregar los archivos generados al control de versiones: git add . git commit -m "Inicializando proyecto React con Vite" git push origin main

PARAMETRO DE EVALUACION: Sube un screenshot dentro de un PDF de tu proyecto de Github con todos los documentos agregados por el commit + push