Arab Voyage

Live Link:

If you want to experience full features click here

Middle East tourism-focused website

Table of Contents

1. Introduction
2. Features
3. Dependencies
4. Folder Structure
5. Installation and Setup
6. Contributing
7. License
8. About the Author

Introduction

Arab Voyage is a tourism-focused website that offers a unique exploration of the Middle East countries, including Jordan, Saudi Arabia, United Arab Emirates, Iran, Qatar, and Kuwait. Our platform aims to provide travelers with curated information about tourist spots, cultural attractions, and hidden gems across the region.

Features

• Responsive Design
• Real time notifications
• Add Tourists Spot, My List, Update, and Delete functionalities
• Dark/Light Theme Toggle

Dependencies

• React-tooltip
• React-simple-typewriter
• React swiper slider
• React icons

Folder Structure

ArabVoyage/
│
├── public/
│   ├── index.html
│   └── ...
│
├── src/
│   ├── components/
│   │   ├── Banner/
│   │   │   └── Banner.js
│   │   │
│   │   ├── FAQ/
│   │   │   └── FAQ.js
│   │   │
│   │   ├── Features/
│   │   │   └── Feature.js
│   │   │
│   │   ├── Sponsors/
│   │   │   └── Sponsors.js
│   │   │
│   │   ├── TouristSpots/
│   │   │   └── TouristSpots.js
│   │   │
│   │   ├── Countries/
│   │   │   └── Countries.js
│   │   │
│   │   ├── Navbar/
│   │   │   └── Navbar.js
│   │   │
│   │   ├── Login/
│   │   │   └── Login.js
│   │   │
│   │   ├── Register/
│   │   │   └── Register.js
│   │   │
│   │   ├── AddTouristSpot/
│   │   │   └── AddTouristSpot.js
│   │   │
│   │   ├── MyList/
│   │   │   └── MyList.js
│   │   │
│   │   ├── Update/
│   │   │   └── Update.js
│   │   │
│   │   └── ViewDetails/
│   │       └── ViewDetails.js
│   │
│   ├── pages/
│   │   ├── Home/
│   │   │   └── Home.js
│   │   │
│   │   ├── NotFound/
│   │   │   └── NotFound.js
│   │   │
│   │   ├── AllTouristSpots/
│   │   │   └── AllTouristSpots.js
│   │   │
│   │   ├── AddTouristSpot/
│   │   │   └── AddTouristSpot.js
│   │   │
│   │   ├── Login/
│   │   │   └── Login.js
│   │   │
│   │   ├── Register/
│   │   │   └── Register.js
│   │   │
│   │   ├── Update/
│   │   │   └── Update.js
│   │   │
│   │   ├── MyList/
│   │   │   └── MyList.js
│   │   │
│   │   └── ViewDetails/
│   │       └── ViewDetails.js
│   │
│   ├── App.js
│   ├── index.js
│   └── ...
│
├── .gitignore
├── package.json
├── README.md
└── ...

Installation and Setup

1. Clone the repository.

   git clone

2. Install dependencies using

npm install

3. Set up environment variables for Firebase and MongoDB credentials.
4. Run the application using

npm run dev

Contributing

Contributions are welcome! Feel free to open issues or pull requests for any improvements or new features.

License

This project is licensed under the MIT License.

About the Author

Arab Voyage was developed by [Your Name]. For inquiries, please contact [nabilaferdousprapty@gmail.com].