TravelYaari-react - GitLite

KO | EN

gitlite — search

#python #hacktoberfest #react #ai #typescript #go #rust #macos #windows #awesome #kubernetes #awesome-list #pytorch #mcp

TravelYaari-react

(★ 113)

This project delivers a travel website that inspires wanderlust through vibrant imagery and key destination highlights. It offers budget-friendly bookings, easy payments, and full customer support, along with immersive virtual tours via videos and images.

File Explorer

Download Latest Version (.zip)

- favicon.ico
- index.css
- index.html
- logo192.png
- logo512.png
- manifest.json
- robots.txt
- - AddCategory.js
  - AddProduct.js
  - apiAdmin.js
  - ManageCategory.js
  - ManageProducts.js
  - Orders.js
  - updateCategory.js
  - UpdateProduct.js
- - AdminRoute.js
  - index.js
  - PrivateRoute.js
- - About.js
  - apiCore.js
  - Card.js
  - Cart.js
  - cartHelpers.js
  - Checkbox.js
  - Checkout.js
  - Contact.js
  - Corosal.js
  - fixedPrices.js
  - Footer1.js
  - FooterPage.js
  - Galleryimg.js
  - GalleryimgHome.js
  - Home.js
  - HomeIcon.js
  - Layout.js
  - Menu.js
  - Photos.js
  - Product.js
  - RadioBox.js
  - Search.js
  - Shop.js
  - ShowImage.js
  - StarRating.js
  - Team.js
- - checkbox.css
  - Corosal.css
  - HomeIcon.css
  - menu.css
  - search.css
  - signin.css
  - signup.css
  - team.css
- - about.jpg
  - about.png
  - desk.jpg
  - resort1.jpg
  - resort2.jpg
  - resort3.jpg
  - resort4.jpg
  - resort5.jpg
  - resort6.jpg
  - signin.jpg
- - AdminDashboard.js
  - apiUser.js
  - Profile.js
  - Signin.js
  - Signup.js
  - UserDashboard.js
- App.js
- config.js
- index.js
- Routes.js
- styles.css
.env
.gitignore
package-lock.json
package.json
README.md
server.js
Vercel.json

# Installation Guide

1. Get the code

git clone https://github.com/shsarv/TravelYaari-react

Downloads the entire project code from GitHub to your computer.

cd TravelYaari-react

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install

Downloads and installs the libraries listed in package.json.

npm start

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# **Project Name : - TravelYaari**

![](https://img.shields.io/badge/MongoDB-4.2.13-003300?style=flat-circle&logo=MongoDB)
   ![](https://img.shields.io/badge/ExpressJS-4.17.1-000000?style=flat-circle&logo=Express)
   ![](https://img.shields.io/badge/React-17.0.1-87CEEB?style=flat-circle&logo=react&logoColor=309698)
   ![](https://img.shields.io/badge/NodeJS-16.0.0-009900?style=flat-circle&logo=node.js)
   ![](https://img.shields.io/npm/v/npm.svg?logo=npm)
   ![](https://img.shields.io/github/license/shsarv/TravelYaari-react?style=flat-circle)
   ![](https://img.shields.io/github/repo-size/shsarv/TravelYaari-react)
   ![](https://img.shields.io/tokei/lines/github/shsarv/TravelYaari-react?color=orange&logoColor=blue&style=flat-circle)

This Project is live at --------> **[https://travelyaari.herokuapp.com](https://travelyaari.herokuapp.com)**

<hr />

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

<details><summary>Available Scripts</summary>

In the project directory, you can run:
  
  ### `npm start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.\
You will also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!
See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information. 
</details>

<strong>Overview: -</strong>

TravelYaari presents a mesmerizing, fully featured travel website that awakens the travel enthusiast within. Vibrant imagery, expertly curated destination highlights, and seamless booking experiences within your budget will leave you spellbound. Enjoy personalized customer support, flexible payment options, and tailored booking schedules that fit your lifestyle. Immerse yourself in captivating virtual tours through stunning videos and images, making your dream getaway an unforgettable reality.

<strong>PROBLEM STATEMENT :-</strong>

Travel enthusiasts worldwide face the daunting challenge of discovering the perfect destinations, often struggling to find the crème de la crème of places to visit. Our innovative travel website solves this problem by showcasing an unparalleled selection of top-tier destinations, expertly curated to make your travel dreams accessible and stress-free.

<strong>OBJECTIVE:-</strong>

Our mission is to craft an exceptional, cutting-edge travel website using advanced MERN STACK technologies, delivering: Unforgettable, on-time, and budget-friendly excursions that exceed your wildest dreams Enthusiastically satisfied customers, every time, without exception

<strong>FEATURES:-</strong><img src="https://www.flaticon.com/svg/static/icons/svg/2643/2643513.svg" width="24px">

- Wishlist Cart: Collect and cherish your favorite destinations
- Place Pagination: Effortlessly explore, discover, and get lost in new places
- User Profile: Manage your bookings, preferences, and travel journal
- Admin Features:
    - Place Management: Curate, update, and showcase destination listings
    - User Management: Monitor, support, and delight registered users
    - Booked Order Details: Track, manage, and perfect bookings
    - Mark Booking Orders: Stay organized, on top of bookings, and in control
- Checkout Process: Streamlined, secure, and hassle-free shipping and payment options
- Payment Integration: Robust, reliable, and trusted PayPal and credit card transactions
- Database: Rock-solid storage for places and user data, ensuring seamless performance

**TECHNOLOGIES :-**

<code><img height="50" src="https://www.vectorlogo.zone/logos/mongodb/mongodb-ar21.svg" title="MongoDB"></code>
<code><img height="50" src="https://www.vectorlogo.zone/logos/expressjs/expressjs-ar21.svg" title="ExpressJS"></code>
 <code><img height="50" src="https://www.vectorlogo.zone/logos/reactjs/reactjs-ar21.svg" title="React"></code>
 <code><img height="50" src="https://www.vectorlogo.zone/logos/nodejs/nodejs-ar21.svg" title="NodeJS"></code>

### How to run the project 🚀:

1. Open the `Terminal`.
  2. Clone the repository by entering `$ git clone https://github.com/shsarv/TravelYaari-react.git `.
  3. Ensure that `NodeJS` and `npm` are installed on the system.
  4. change the diectory to repository name using  `$ cd TravelYaari-react`.
  4. Create a `.env` file and write `REACT_APP_API_URL='your backend api url'`. look for backend of the project [here](https://github.com/shsarv/TravelYaari-api).
  5. install the dependencies by executing the follwing command: `$ npm install` or `$ npm install --openssl-legacy-provide` for base support.
  6. To run the React project. execute `$npm start`. and it will point to the `localhost` server with the port `3000`.
  8. Enter the `IP Address: http://localhost:3000` on a web browser and use the application. make sure that your backend api is running.

--------------------
## Help

### Solution in case of any conflicts.

1. Try to downgrade node version to 17 or 14.
2. install dependencies with `$ npm install --openssl-legacy-provide`.
3. you may get some error while installing the dependencies, Look it to the CMD and search for specific issues on Stackoverflow.
4. In case of any further issue, Raise an issue on github.

-----------------------------

### Dependencies <img src="https://www.flaticon.com/svg/static/icons/svg/2621/2621122.svg" width="24px">

The following dependencies can be found in [package.json](https://github.com/shsarv/TravelYaari-react/blob/master/package.json):

### Contributors <img src="https://www.flaticon.com/svg/static/icons/svg/1534/1534938.svg" width="24px">

<table>
  <tr>
    <td align="center"><a href="https://github.com/shsarv"><img src="https://avatars2.githubusercontent.com/u/55739302?s=400&u=1e7714cb1cbe3437a527a877486c94611f0e7ab0&v=4" width="100px;" alt=""/><br /><sub><b>Sarvesh Kumar Sharma</b></sub></a><br /><a href="/#" title="Content">🖋</a> <a href="https://github.com/shsarv/TravelYaari-react/commits?author=shsarv" title="Documentation">📖</a><a href="https://github.com/shsarv/TravelYaari-react/commits?author=shsarv" title="Code">💻</a></td>
  <td align="center"><a href="https://github.com/sachi42"><img src="https://avatars.githubusercontent.com/u/61285008?v=4" width="100px;" alt=""/><br /><sub><b>Sachi Tripathi</b></sub></a><br /><a href="https://github.com/shsarv/TravelYaari-react/commits?author=sachi42" title="Code">💻</a></td>
    <td align="center"><a href="https://github.com/satyamjha1710"><img src="https://avatars.githubusercontent.com/u/61418608?v=4" width="100px;" alt=""/><br /><sub><b>Satyam Kumar Jha</b></sub></a><br /><a href="https://github.com/shsarv/TravelYaari-react/commits?author=satyamjha1710" title="Code">💻</a></td>
   <tr>
    <table>