Wanderly

Wanderly

Wanderly is a web app designed to showcase my portfolio. The app is a travel app that allows users to search for hotels and flights, as well as sign up and log in to access additional features such as recent search history and the ability to add destinations to their favorite list.

Table of Contents

• overview
  • Getting Started
  • Screenshot
  • Features
    • Hotel Search
    • Recent Searches
    • Favorite Destinations
    • Flight Search
    • Authentication
  • Technologies
  • Contributing
  • License
  • Acknowledgments

Overview

Getting Started

To get started with Wanderly, follow these steps:

1. Open your terminal and run git clone https://github.com/AhmedTakeshy/Wanderly.git
2. Change directory to the Wanderly directory: cd Wanderly
3. Install the dependencies: npm install
4. Start the development server: npm run dev

Screenshot



Features

Wanderly has a number of features that allow users to search for hotels and flights, view search results, and access their search history and favorite destinations.

Hotel Search

Users can search for hotels by entering a city name, number of rooms, and date range. Once the search is performed, they can filter the results by price and rating. Users can then view the details of a hotel, including photos and location information.

Recent Searches

On the home page, users can view up to three of their most recent hotel searches. If they are logged in, they can view all of their recent searches. This feature helps users easily access their past searches and continue planning their travel.

Favorite Destinations

Users can add popular destinations to their favorite list, which will be displayed on their profile page if they are logged in. This feature allows users to save their favorite travel destinations and quickly access them for future trips.

Flight Search

Users can search for flights by entering the date, class, departure city, and destination city. They can also filter the results by price and the number of stops. Once they have selected a flight, they can view a mock ticket with the details of the flight.

Authentication

Wanderly uses Auth0 for authentication. Users can sign up and log in to access additional features such as recent search history and the ability to add destinations to their favorite list. This feature ensures that users' data is secure and only accessible by authorized individuals.

Technologies

Wanderly was built using the following technologies:

• React
• Redux Toolkit
• React Router DOM
• Redux Persist
• Tailwind CSS
• React Icons
• React Hook Form
• React Map GL
• React Spinner
• React Toastify
• Axios
• Auth0

Contributing

If you'd like to contribute to Wanderly, please create a new branch and name it with the functionality that you will add, such as Create-new-section, and submit a pull request.

License

This project is licensed under the MIT License - see the LICENSE.txt file for details.

Acknowledgments

• React Icons
• React Hook Form
• React Map GL
• React Spinner
• React Toastify
• Axios
• Auth0

Contact

• Ahmed Takeshy
• LinkedIn