Project Name : – TravelYaari

This Project is live at ——–> https://travelyaari.herokuapp.com
Mentor: Pankaj Kapoor

This project was bootstrapped with Create React App.
Available Scripts
In the project directory, you can run:

`npm start`

Runs the app in the development mode.
Open 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 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 for more information.

Overview: –
This project is based on how an effective travel website will make us feel. It is based on a travelling website with fully featured functions that will activate the travelling bug with vibrant imagery. This website contains highlights of some important places along with high quality photography and allow people to book their dream destination with in their budgets. It also includes full customer support, easy payment system, book as per your time choice, full virtual tour of place through different videos and images.
PROBLEM STATEMENT :-
People all over the world are fond of travel and tourism. People often find it difficult to search for the best places .To address the issue , we adopt the travelling website which will offer best places among others.
OBJECTIVE:-
The main objective of the project is to create a website using MERN STACK technologies to continuously provide enjoyable quality excursions/trips on time and on budget. It will also develop enthusiastically satisfied customers all of the time.
FEATURES:-

Full featured Wishlist cart
Place pagination
User profile with bookings
Admin place management
Admin user management
Admin Booked Order details page
Mark booking orders
Checkout process (shipping, payment method, etc)
PayPal / credit card integration
Database (places & users)

TECHNOLOGIES :-
<a rel="nofollow noopener" target="_blank" href="https://camo.githubusercontent.com/ce5c1c07234a7e3a5224a86cad5c946f62b7ec77559986f7d1d32cc7a2f8c32c/68747470733a2f2f7777772e766563746f726c6f676f2e7a6f6e652f6c6f676f732f72656163746a732f72656163746a732d617232312e737667"></a>
<a rel="nofollow noopener" target="_blank" href="https://camo.githubusercontent.com/7272fbb96da1c2b30e16ba3608d1cf66ba8a30c5f8aa92e288b068b340f38ac7/68747470733a2f2f7777772e766563746f726c6f676f2e7a6f6e652f6c6f676f732f6e6f64656a732f6e6f64656a732d617232312e737667"></a>
<a rel="nofollow noopener" target="_blank" href="https://camo.githubusercontent.com/89135bb967e8c6d05c8e02d69d00b0cb75eea7bbae2bea6a6de4f06b000b97fe/68747470733a2f2f7777772e766563746f726c6f676f2e7a6f6e652f6c6f676f732f657870726573736a732f657870726573736a732d617232312e737667"></a>
<a rel="nofollow noopener" target="_blank" href="https://camo.githubusercontent.com/51ab47b87f7b0b3dd0bf4e48ec5129ba7c5b5296e8e8b8c61d61a0018a753d3c/68747470733a2f2f7777772e766563746f726c6f676f2e7a6f6e652f6c6f676f732f6d6f6e676f64622f6d6f6e676f64622d617232312e737667"></a>

TravelYaari Progress Status Report

The Project TravelYaari was divided into 3 main part:

Complete frontend using HTML5, CSS3 and JavaScript
TravelYaari backend Api using NodeJS and ExpressJS.
TravelYaari fully working website with MERN Stack.

PART – 1 : –

The Part 1 was divided into 5 phases:
phase – 1 🙁 15 July 2020 – 18 July 2020)

Motive Declaration and resource gathering
Analyzing Different travelling Blogs
Understanding working of a tour and travel Website.

phase-2 : (18 July 2020 - 10 October 2020)

Basic Skelton making of the project
index page designing
user validation and access generation (login signup)
designing pages for authorised and non authorised user.

phase -3 : (10 Oct 2020 **–** 22 Nov 2020)

Creating all the type of places.
creating cities page
Styling each page.
linking videoLink to each destination
add overlay to each place for more detail

phase 4: ( 22 Nov 2020 - 28 Nov 2020)

Adding setting service to the user.
adding details about us.
adding contact page to reach us and booking service.
linking each page and making final touch up to each page

phase 5: ( 2 Dec 2020)

Deployment of fully working frontend website to GitHub pages.

PART – 2 : –

phase - 1 :( 15 Jan 2021 – 31 March 2021 )

Understanding MERN Stack Technologies.
Got skilled in MongoDB and React.
Sharpen skills in NodeJS and ExpressJS.

phase-2 : ( 1 April 2021 - 20 April 2021 )

Basic Skelton making of the backend /API.
user validation and access generation (login signup)
Created different controller components for authorization, categorization, users
and places.
Designed error handling functional components.
Defined Model Schema for users, category, Order and places.
Initialized different routes for handling API request corresponding to user or
admin.

PART – 3 : –

phase - 1 :( 20 April 2021 – 30 April 2021 )

Created React App.
Designed functional component for navigation bar, carousal, homepage, footer ,
signup , signin, and gallery.
Developed Components for Admin sides which includes create category, create
places, order view, payment gateway, CRUD operational component, order
status management, contact handling, feedback and user support.
Developed component for user side which includes places, Wishlist, order,
payment, gallery, search places, filter and selecting places, view places , take a
tour, video tours and so on.
phase-2 : ( 30 April 2021 – 10 May 2021 )
Test debug and Deployment phase.
Tested each component and routes and their performance
Deployed to Heroku and published at https://travelyaari.herokuapp.com/

How to run the project 🚀:

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

Dependencies

The following dependencies can be found in package.json:

Contributors

Sarvesh Kumar Sharma🖋 📖💻

Sachi Tripathi💻

Satyam Kumar Jha💻