👉 https://game-scape-mu.vercel.app
GameScape es una plataforma web de búsqueda y exploración de videojuegos que consume la API de RAWG.
Permite a los usuarios descubrir juegos, ver información detallada, guardar favoritos, dejar reseñas y gestionar su perfil en una experiencia moderna tipo gaming.
- Búsqueda en tiempo real con debounce
- Filtros por género, rating, plataforma y año
- Ordenación dinámica
- Paginación tipo Netflix
- Información completa del videojuego
- Imagen automática
- Plataformas y géneros agrupados
- Tiendas oficiales con enlaces directos
- Sistema completo de favoritos
- Persistencia en localStorage
- Página dedicada
- Registro y login completo
- Perfil editable
- Eliminación de cuenta
- Autenticación persistente
- Sistema de reviews por usuario
- Valoración con estrellas (1–5)
- Media global automática
- Toast notifications
- Tema claro / oscuro
- Microinteracciones
- Diseño responsive completo
- React 19 ⚛️
- Vite ⚡
- React Router DOM 🧭
- Context API 🧠
- CSS Modules 🎨
- RAWG API 🎮
- Vitest 🧪
- Testing Library 🧪
- Asistencia con IA (ChatGPT / herramientas de IA para desarrollo y documentación)
src/
├── components/ # UI reutilizable
├── pages/ # Vistas principales
├── context/ # Estado global
├── hooks/ # Lógica reutilizable
├── services/ # API
├── styles/ # CSS
└── test/ # Testing
- React Router DOM para navegación entre páginas
git clone https://github.com/tuusuario/gamescape.git
cd gamescape
npm install
npm run devVITE_RAWG_API_KEY=tu_api_key
npm run test
📱 - Responsive design
📱 - Mobile first
📟 - Tablet adaptado
🖥 - Desktop optimizado
Este proyecto fue creado para:
- Practicar arquitectura moderna en React
- Consumir APIs reales
- Implementar autenticación completa
- Mejorar UX/UI en aplicaciones reales
- Aplicar Context API y hooks personalizados
- Trabajar testing con Vitest
Este documento recoge el tiempo invertido en el desarrollo del proyecto GameScape.
Fecha: 23/04/2026
Duración: 12 horas
- Configuración inicial del proyecto (Vite + React + Router)
- Integración con API RAWG
- Context API (GameProvider, AuthContext)
- Sistema de búsqueda con debounce
- Filtros por género y rating
- Grid de juegos responsive
- Sistema de favoritos
- Paginación tipo Netflix/Amazon
- Estructura base de componentes
Fecha: 24/04/2026
Duración: 8 horas
- Página GameDetail completa
- Media dinámica (video o imagen)
- Layout profesional en dos columnas
- Sistema de rating visual
- Favoritos con animaciones
- Agrupación de plataformas
- Integración de tiendas
- Diseño responsive completo
Fecha: 25/04/2026
Duración: 9 horas
- Registro y login completo
- Perfil de usuario editable
- Eliminación de cuenta
- Autenticación persistente (localStorage)
- Sistema de notificaciones (toast)
- Tema claro/oscuro
- Persistencia del tema
- Redirecciones inteligentes
- Mejora de UX general
Fecha: 26/04/2026
Duración: 11h 50min
- Sistema completo de reseñas
- Valoraciones con estrellas (1-5)
- Promedio automático de ratings
- Página de configuración avanzada
- Preferencias de usuario
- Sistema de privacidad
- Filtros avanzados (ordenación + multi filtro)
- Corrección de bugs en Settings.jsx
- Optimización de UX en filtros
Fecha: 27/04/2026
Duración: 8h 20min
- Auditoría completa del proyecto
- Eliminación de 18 archivos obsoletos
- Limpieza de CSS duplicado
- Reestructuración de estilos
- Recreación de CSS necesarios
- Optimización de arquitectura
- Mejora de consistencia en CSS Modules
- Reducción de peso del proyecto (~68 KB menos)
- 🧠 Tiempo total: 48h 20min aprox
- 📅 Días trabajados: 5 días
- ⚙️ Funcionalidades implementadas: 40+
- 🧩 Componentes creados: 15+
- 🎯 Estado del proyecto: Funcional y optimizado
El proyecto ha evolucionado desde una base funcional hasta un sistema completo con:
- Autenticación
- Sistema de usuarios
- Reviews
- Tema claro/oscuro
- Filtros avanzados
- UX optimizada
- Código limpio y escalable
Desarrollado por Ithaisa SG ✨
Proyecto educativo - 2026