📌 Portafolio de Gustavo Sánchez Rodríguez

🚀 Proyecto desarrollado con React, Firebase, Three.js, A-Frame y Bootstrap

📖 Descripción

Este es un portafolio interactivo desarrollado por Gustavo Sánchez Rodríguez, diseñado para mostrar habilidades en desarrollo web con tecnologías avanzadas como React, Firebase, Three.js y A-Frame. Incluye una experiencia inmersiva con gráficos 3D y realidad virtual.

🛠️ Tecnologías Utilizadas

• Frontend: React 18 con Vite
• Backend: Firebase (Autenticación y Base de Datos)
• 3D & VR: Three.js, A-Frame, @react-three/fiber
• Estilos: Bootstrap y React-Bootstrap

📂 Estructura del Proyecto

/mi-proyecto
│── /public                # Archivos estáticos (favicon, index.html, modelos 3D, etc.)
│── /src
│   │── /assets            # Recursos como imágenes, texturas, sonidos, modelos 3D
│   │── /components        # Componentes reutilizables de React
│   │── /pages             # Páginas principales del sitio
│   │── /firebase          # Configuración de Firebase
│   │── /threejs           # Configuración de Three.js
│   │── /aframe            # Escenas y configuraciones de A-Frame
│   │── /styles            # Archivos CSS o SCSS personalizados
│   │── App.jsx            # Componente principal
│   │── main.jsx           # Punto de entrada de React
│── .env                   # Variables de entorno (Firebase API Keys, etc.)
│── package.json           # Dependencias y scripts del proyecto
│── vite.config.js         # Configuración de Vite
│── README.md              # Documentación del proyecto

🚀 Instalación y Configuración

1️⃣ Clonar el Repositorio

git clone https://github.com/tu-usuario/tu-repositorio.git
cd tu-repositorio

2️⃣ Instalar Dependencias

npm install

3️⃣ Configurar Firebase

1. Crea un proyecto en Firebase Console
2. Agrega una aplicación web y copia las credenciales
3. Crea un archivo .env en la raíz del proyecto y agrega:

VITE_FIREBASE_API_KEY=TU_API_KEY
VITE_FIREBASE_AUTH_DOMAIN=TU_AUTH_DOMAIN
VITE_FIREBASE_PROJECT_ID=TU_PROJECT_ID
VITE_FIREBASE_STORAGE_BUCKET=TU_STORAGE_BUCKET
VITE_FIREBASE_MESSAGING_SENDER_ID=TU_MESSAGING_SENDER_ID
VITE_FIREBASE_APP_ID=TU_APP_ID

4️⃣ Ejecutar el Proyecto

npm run dev

🌟 Características Principales

✔️ Interfaz moderna con Bootstrap 🎨 ✔️ Experiencia inmersiva con Three.js y A-Frame 🎮 ✔️ Autenticación segura con Firebase 🔑 ✔️ Optimización de rendimiento con Vite ⚡ ✔️ Código modular y escalable 📂

📜 Licencia

Este proyecto está licenciado bajo MIT License.

📞 Contacto

📧 Email: guswillsan@gmail.com
💼 LinkedIn: linkedin.com/in/gustavo-sanchez
📌 Portafolio: gustavosanchez.com