Este es un proyecto realizado en React utilizando Vite como entorno de desarrollo rápido. El objetivo es mostrar distintas secciones interactivas: presentación del equipo, bitácora, galería de videojuegos (datos JSON), integración con una API de películas y una galería de imágenes de proyectos.
- Solución para el color de fondo en pantallas claras: Se implementó una mejor gestión del color de fondo para mejorar la visualización en dispositivos con pantallas claras.
- Sidebar fija y scroll en el contenido principal: El sidebar ahora es fijo y se agregó scroll al contenido principal para una mejor experiencia de navegación.
- Galería de proyectos en el perfil: Se añadió una galería de proyectos en la sección de perfil.
- Búsqueda y filtrado en datos JSON: Se incorporaron funcionalidades de búsqueda y filtrado en la galería de videojuegos.
- Paginado y esqueleto de carga en las cards: Se implementó paginado y un esqueleto de carga para las cards, mejorando la experiencia de usuario durante la carga de datos.
- React + Vite para el desarrollo frontend.
- React Router para navegación entre páginas.
- Componentes personalizados para cada sección: Equipo, Bitácora, Juegos, Películas, Presentación, Sidebar, etc.
- Estilos CSS modulares para cada componente.
- Consumo de API externa (TheMovieDB) para mostrar películas populares.
- Datos locales en JSON para la galería de videojuegos.
npm run dev- Inicia el servidor de desarrollo.
/team- Perfiles del equipo./bitacora- Bitácora y metodología de trabajo./data- Galería de videojuegos (datos locales JSON)./api- Películas populares (API externa).- Sidebar de navegación accesible en todo momento.
- React 19
- Vite
- React Router DOM
- CSS3
- Consumo de API REST (TheMovieDB)
- Eslint
- Gustavo Baranda
- Catriel Escobar
- Marcelo Galimberti
- María Eugenia Bava
¡Gracias por visitar nuestro proyecto!