Skip to content

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

Notifications You must be signed in to change notification settings

davismz09/space-tourism

Repository files navigation

Space Tourism

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.

Características

  • 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.

Estructura del Proyecto

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.

Componentes Principales

  • 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.

Construyendo el Proyecto

  1. Clona el Repositorio: Clona este repositorio en tu máquina local.
  2. Instala las Dependencias: Ejecuta npm install para instalar todas las dependencias necesarias.
  3. Inicia la Aplicación: Ejecuta npm start para iniciar la aplicación en tu navegador.
  4. Explora y Modifica: Explora el código y modifica según sea necesario para cumplir con tus requisitos.

Tecnologías Utilizadas

  • 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.

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages