Hover Horizons 🌍

Hover Horizons es una página web diseñada para los amantes de los viajes. Aquí podrás explorar destinos increíbles, gestionar tu lista personal de viajes, interactuar con una comunidad viajera, y personalizar tu perfil. Este proyecto fue desarrollado por Airam Santos, Andrea Bronzoni y Marta Gómez como parte de un proyecto de clase.

---

📝 Descripción

Hover Horizons ofrece una experiencia completa para explorar viajes y destinos, permitiendo a los usuarios:

1. Ver un listado de viajes predeterminados con detalles interesantes.
2. Guardar viajes en su listado personal para planificar sus próximas aventuras.
3. Gestionar su listado personal (crear, editar y borrar viajes) sin afectar el listado general.
4. Conectarse con otros viajeros a través de la Traveler's Community.
5. Personalizar su experiencia mediante una página de configuración de perfil.
6. Conocer a los creadores del proyecto en la página "Meet the team".

---

🚀 Características

• Página principal: Visualización de un listado general de viajes con información detallada.
• Gestión de viajes personales: Agrega, edita y elimina viajes en tu lista personal.
• Traveler's Corner: Conéctate con otros viajeros y comparte experiencias.
• Configuración de perfil: Personaliza tu información personal.
• Página de Meet the team: Aprende más sobre los creadores de este proyecto.

---

📍 Rutas de la app

Ruta	Descripción
/welcome	Muestra todos los viajes disponibles (Página principal)
/travels/:id	Muestra los detalles de un viaje en específico
/my-trips	Muestra los viajes guardados por el usuario
/my-trips/:id	Muestra los detalles de un viaje guardado por el usuario
/my-trips/new	Formulario para agregar un nuevo viaje a la lista personal
/my-trips/:id/edit	Formulario para editar un viaje en la lista personal
/community	Muestra un foro de usuarios sobre experiencias de viajes
/profile	Muestra y permite editar el perfil personal del usuario
/about	Muestra información sobre los creadores de la página web

---

🧑‍🤝‍🧑 Integrantes

Airam Santos LinkedIn/Airam Santos
Andrea Bronzoni LinkedIn/Andrea Bronzoni
Marta Gómez LinkedIn/Marta Gómez

---

🛠️ Tecnologías

• Frontend:

  • HTML5
  • CSS3
  • JavaScript
  • React
  • React-Router-dom

• Backend:

  • Supabase

---

🙌 Contribuciones

Si tienes ideas para mejorar este proyecto, ¡no dudes en enviar un pull request o abrir un issue!

---

📦 Instalación y Configuración

Sigue estos pasos para configurar el proyecto localmente:

1. Clona este repositorio:

   git clone https://github.com/martxgomez/travels-app.git
   

2. Navega al directorio del proyecto:

   cd travels-app

3. Instala las dependencias necesarias:

    npm install

4. Configura las variables de entorno.

5. Inicia el servidor:

    npm start

6. Abre tu navegador y accede a http://localhost:3000.

---

📬 Contacto

Si tienes preguntas o comentarios, puedes contactarnos a través de Github o LinkedIn.