https://github.com/m0nt4ld0/front-tt-2c2024
Trabajo práctico para el curso que realicé de Javascript Frontend, como parte del programa Talento Tech (segundo cuatrimestre de 2024).
https://github.com/m0nt4ld0/front-tt-2c2024
bootstrap css3 html-css-javascript html5 javascript
Last synced: about 2 months ago
JSON representation
Trabajo práctico para el curso que realicé de Javascript Frontend, como parte del programa Talento Tech (segundo cuatrimestre de 2024).
- Host: GitHub
- URL: https://github.com/m0nt4ld0/front-tt-2c2024
- Owner: m0nt4ld0
- License: gpl-3.0
- Created: 2024-10-18T23:00:25.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-14T15:39:39.000Z (over 1 year ago)
- Last Synced: 2025-06-21T07:38:37.172Z (about 1 year ago)
- Topics: bootstrap, css3, html-css-javascript, html5, javascript
- Language: JavaScript
- Homepage: https://earnest-tartufo-cc1c55.netlify.app/
- Size: 22 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Agencia de Viajes - Proyecto Frontend
Este proyecto es parte del curso Talento Tech - 2C 2024, enfocado en el desarrollo frontend con JavaScript. La aplicación es una agencia de viajes que permite a los usuarios explorar y reservar destinos turísticos en varios países de América Latina.
## Descripción del Proyecto
La agencia de viajes ofrece una interfaz interactiva y fácil de usar para que los usuarios puedan buscar información sobre destinos turísticos, ver imágenes, y obtener detalles relevantes para planificar sus viajes. Utiliza APIs externas para obtener datos actualizados y proporcionar una experiencia enriquecida al usuario.
## Características Principales
- **Búsqueda de Destinos**: Los usuarios pueden buscar destinos turísticos por país y obtener información detallada.
- **Galería de Imágenes**: Integración con la API de Unsplash para mostrar imágenes atractivas de los destinos.
- **Información Geográfica**: Uso de la API de Geonames para proporcionar datos geográficos y de localización.
- **Carrito de Compras**: El sitio ofrece la capacidad de agregar destinos al carrito de compras.
## Tecnologías Utilizadas
- **JavaScript**: Para la lógica del frontend.
- **Node.js**: Para el manejo de funciones serverless en Netlify.
- **APIs Externas**: Geonames y Unsplash para datos geográficos e imágenes.
## Configuración del Entorno
Para ejecutar este proyecto localmente, asegúrate de tener configuradas las variables de entorno necesarias en un archivo `.env`:
```
GEONAMES_API_KEY=tu_api_key_aqui
UNSPLASH_API_KEY=tu_api_key_aqui
```
## Instrucciones para Ejecutar el Proyecto Localmente
Para ejecutar este proyecto en tu entorno local, sigue los siguientes pasos:
1. **Instalar Netlify CLI**: Asegúrate de tener instalado Netlify CLI. Si no lo tienes, instálalo ejecutando:
```bash
npm install -g netlify-cli
```
2. **Iniciar sesión en Netlify**: Autentícate con tu cuenta de Netlify usando el comando:
```bash
netlify login
```
3. **Navegar al directorio del proyecto**: Abre la terminal y navega al directorio raíz del proyecto:
```bash
cd c:/Desarrollo/front-tt-2C2024
```
4. **Ejecutar el proyecto localmente**: Utiliza el siguiente comando para iniciar un servidor de desarrollo local:
```bash
netlify dev
```
Este comando servirá tu sitio localmente, detectará y ejecutará cualquier función serverless automáticamente, y cargará las variables de entorno desde tu archivo `.env`.
5. **Acceder al servidor local**: Una vez que el servidor esté en funcionamiento, abre un navegador y navega a `http://localhost:8888` para ver tu sitio.
Con estos pasos, podrás desarrollar y probar el proyecto en tu máquina local de manera efectiva.
## Despliegue
El proyecto está configurado para ser desplegado en Netlify. Asegúrate de configurar las variables de entorno en el panel de Netlify para que la aplicación funcione correctamente.