• Arquitectura Base: Configuración oficial con Create React App
• Diseño Responsivo: Adaptación automática a diferentes dispositivos
• Componentes Estructurados: Organización modular siguiendo buenas prácticas
• Optimización de Build: Configuración de producción lista para despliegue
• Formulario de Contacto: Integración con EmailJS para envío de correos
• Carrusel Interactivo: Implementado con Swiper para presentación de proyectos

• Core: React 19 + Create React App
• Bundler: Webpack 5 (configuración preestablecida)
• Gestión de Dependencias: npm
• Linter: ESLint configurado para React
• Componentes UI: Swiper v11 para carruseles interactivos
• Servicios Externos: EmailJS para gestión de formularios

• Git
• Node.js ≥16.14
• npm ≥8.x
• Navegador moderno (Chrome 90+, Firefox 88+)

Verifica las instalaciones:

git -v node -v npm -v

1. Clonar repositorio

   git clone https://github.com/kirbybucket/react-website.git cd react-website

2. Instalar dependencias

   npm install

3. Iniciar servidor de desarrollo

   npm start

   La aplicación se abrirá en: http://localhost:3000

react-website/ ├── public/ # Archivos estáticos ├── src/ # Código fuente principal │ ├── components/ # Componentes reutilizables │ ├── App.js # Componente raíz │ └── index.js # Punto de entrada ├── package.json # Dependencias y configuraciones └── README.md # Documentación del proyecto 

1. Generar versión optimizada:

   npm run build

2. Implementar en GitHub Pages:

   # Instalar gh-pages (si aún no está instalado) npm install gh-pages --save-dev # Ejecutar despliegue npm run deploy

3. Configurar en GitHub:

   • Ir a Settings > Pages
   • Branch: gh-pages
   • Carpeta: /(root)
   • Guardar cambios

Configuración requerida en package.json:

"homepage": "https://tusuario.github.io/react-website", "scripts": { "predeploy": "npm run build", "deploy": "gh-pages -d build" }

Notas importantes: ✅ El sitio quedará disponible en:
https://tusuario.github.io/react-website
✅ Actualiza tusuario por tu nombre de usuario real
✅ Los cambios pueden tardar 2-5 minutos en verse reflejados

1. Desarrollo local (npm start)
2. Commit de cambios
3. Despliegue automático:

   npm run deploy

4. Verificación en GitHub Pages

Estudiante: Harold Jhossue Moncada Soria
Carrera: Ingeniería de Sistemas - UTO
Correo Institucional: harold.moncada@sistemas.edu.bo
Asignatura: Actualización Tecnológica SIS-2420 B

🏛 Proyecto desarrollado como parte del plan académico de la Universidad Técnica de Oruro, Facultad Nacional de Ingeniería