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
- Host: GitHub
- URL: https://github.com/davismz09/space-tourism
- Owner: davismz09
- Created: 2022-10-17T22:59:03.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-04-05T05:39:29.000Z (about 2 years ago)
- Last Synced: 2025-01-10T16:26:09.707Z (over 1 year ago)
- Topics: json, react, react-router-dom, tawilwindcss
- Language: JavaScript
- Homepage: https://davismz09.github.io/space-tourism/
- Size: 2.45 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.