Este proyecto fue realizado como parte de los desafíos disponibles en Frontend Mentor y representa mi versión de la solución. La información sobre destinos, tripulación y tecnología fue proporcionada por Frontend Mentor como parte del desafío.
- Exploración de Destinos: Descubre diferentes destinos espaciales disponibles.
- Información detallada: Obtén información detallada sobre cada destino y su tecnología asociada.
- Navegación fácil: Cambia entre las páginas de la aplicación de manera sencilla y fluida.
El proyecto está estructurado en diferentes componentes y páginas:
- Home: Página principal con información general y un enlace para explorar destinos.
- Tecnología: Página de información detallada sobre la tecnología detrás de los viajes espaciales.
- Navegación: Navega entre diferentes destinos y páginas utilizando la barra de navegación.
- Home: Componente principal que muestra información general sobre el turismo espacial.
- NavTechnology: Componente de navegación para explorar diferentes tecnologías espaciales.
- Terminos: Componente que muestra detalles sobre una tecnología espacial específica.
- useMenu: Hook personalizado para gestionar el menú de navegación.
- useScreenSize: Hook personalizado para manejar el tamaño de la pantalla.
- Clona el Repositorio: Clona este repositorio en tu máquina local.
- Instala las Dependencias: Ejecuta
npm installpara instalar todas las dependencias necesarias. - Inicia la Aplicación: Ejecuta
npm startpara iniciar la aplicación en tu navegador. - Explora y Modifica: Explora el código y modifica según sea necesario para cumplir con tus requisitos.
- React: Biblioteca de JavaScript para construir interfaces de usuario.
- React Router: Enrutador para gestionar la navegación entre páginas.
- CSS (con Tailwind CSS): Utilizado para estilizar la aplicación y hacerla responsiva.