ROUTIFY - Hover Horizons 🌍

ROUTIFY is a website designed for travel enthusiasts. Here, you can explore incredible destinations, manage your personal travel list, interact with a travel community, and customize your profile. This project was developed by Airam Santos, Andrea Bronzoni, and Marta Gómez as part of a class project.

---

📝 Description

ROUTIFY offers a complete experience for exploring trips and destinations, allowing users to:

1. View a pre-defined list of trips with interesting details.
2. Save trips to your personal list to plan their next adventures.
3. Manage your personal list (create, edit, and delete trips) without affecting the general list.
4. Connect with other travelers through the Traveler's Community.
5. Personalize your experience via a profile settings page.
6. Learn about the project creators on the "Meet the Team" page.

---

🚀 Features

• Homepage: View a general list of trips with detailed information.
• Personal trip management: Add, edit, and delete trips in your personal list.
• Traveler's Corner: Connect with other travelers and share experiences.
• Profile settings: Customize your personal information.
• Meet the Team page: Learn more about the creators of this project.

---

📍 App routes

Route	Description
/welcome	Displays all available trips (Homepage)
/travels/:id	Shows details of a specific trip
/my-trips	Displays trips saved by the user
/my-trips/:id	Shows details of a saved trip
/my-trips/new	Form to add a new trip to the personal list
/my-trips/:id/edit	Form to edit a trip in the personal list
/community	Displays a user forum about travel experiences
/profile	Displays and allows editing of the user's profile
/about	Displays information about the website creators

---

🧑‍🤝‍🧑 Contributors

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

---

🛠️ Technologies

• Frontend:

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

• Backend:

  • Supabase

---

🙌 Contributions

If you have ideas to improve this project, feel free to submit a pull request or open an issue!

---

📦 Installation and Setup

Follow these steps to set up the project locally:

1. Clone this repository:

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

2. Navigate to the project directory:

   cd travels-app

3. Install the necessary dependencies:

    npm install
    npm install react-slick slick-carousel

4. Configure the environment variables.

5. Start the server:

    npm start

6. Open your browser and go to http://localhost:5173.

---

📬 Contact

If you have any questions or comments, feel free to reach out through GitHub or LinkedIn.