An open API service indexing awesome lists of open source software.

https://github.com/davismz09/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
https://github.com/davismz09/space-tourism

json react react-router-dom tawilwindcss

Last synced: 25 days ago
JSON representation

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

Awesome Lists containing this project

README

          

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