Project Title

Travel With Us

Project Type

Travel With Us is an online travel agency and accommodation booking platform that facilitates users in finding and booking accommodations worldwide. As a comprehensive travel solution, Travel With Us offers a vast array of options including hotels, apartments, villas, hostels, and resorts.The core functionality of Travel With Us revolves around providing users with an extensive database of accommodations, allowing them to search, compare, and book lodging options that suit their preferences and budget. Users can filter search results based on various criteria such as price, location, facilities, and guest ratings, enabling them to find the perfect accommodation for their travel needs. v addresses the problem of efficiently locating and booking accommodations by offering a user-friendly platform with a diverse range of options. Whether users are planning a business trip, a family vacation, or a weekend getaway, Booking.com streamlines the process of finding and securing suitable accommodations, thus enhancing the overall travel experience. Additionally, Travel With Us often provides competitive prices and special deals, making it an attractive choice for budget-conscious travelers.

Deplolyed App

Frontend:(https://iridescent-zabaione-98adaa.netlify.app/) Backend:https://js-204.onrender.com/

Team Name :- Interface-Itihaas-2345 Team members:- 1-Kajal Kumari(ft31_050)

2- Junaid khan(ft31_169)

3- Adarsh Srivastava (ft30_269)

4-Pratik raj (ft30_042)

5- Ricky kumar(ft30_)

Directory Structure

my-app/ ├─ backend/ ├─ ├─ JavaScripts ├─ frontend/ │ ├─ ├─ Html | ├─ ├─ CSS

Video Walkthrough of the project

Attaching a video :https://youtu.be/UJ8XyVM4I40

Video Walkthrough of the codebase

Attaching a short video walkthough of codebase :https://youtu.be/xyBoHhiETNc

Features

List out the key features of your application.

• Search and Filtering:
• able to login
• cards are scrollable and clickable

design decisions or assumptions

-Decision: Implement robust search and filtering functionality to allow users to find accommodations based on various criteria such as location, price, amenities, and user ratings.

• Assumption:The search and filtering system will efficiently process user queries and provide accurate and relevant search results, enhancing usability and satisfaction.
• Decision: Integrate real-time availability and pricing data from accommodation partners to ensure accurate and up-to-date information for users. -Assumption: The availability and pricing data will be reliable and consistent, allowing users to make bookings with confidence and reducing the risk of overbooking or pricing discrepancies.

Installation & Getting started

Detailed instructions on how to install, configure, and get the project running. For BE/FS projects, guide the reviewer how to check mongodb schema etc.

npm install my-project
cd my-project
npm start

Usage

Provide instructions and examples on how to use your project. #Header In the header part there is nav bar over there you can find logo , slect your currency , select your language and you can sign and register by clicking . Then in the next line we are having variety of anchor tab from there you are redirect to that page/ tab. In the last from there you can also search hotels by selecting the location you want to go then by select check-in date and check-out date and in last choose the number of people after in the last click on search button .

#Cards Over here you can have left and right scrollable bar. If we click on right scrollable bar it will shift to right side and vice versa. after that if we click on any card according to your selective card then you will redirect to that perticular page.

#Discover Homes In this particular part we can find again sign-in and regiester button . We added this part so if you forget to sign-in above and you want to sign-in/register our site so you can do from here also no need to back to nav part. And we use the property do that its show what things we can have in out app and it is sutomatically moving .

#Destination In this session we are try to show our popular destination from our end by using our data.

#Footer In this part we are providing the option to subcription our app and once you subscribe we showing confirmation message . Then we providing some clickable anchor when we click and we will go on then particular page .

APIs Used

Link:https://github.com/kajal-kumari03/Js-204/tree/main/Server

Technology Stack

-Node.js -Html -CSS -Json