Himanshu Kalal
Front-End Web Developer,
Web Designer
  • Address:
    Navarangpura
  • City:
    Ahmedabad
  • Age:
    22
Hindi
English
Gujarati
HTML5
CSS
JavaScript
GitHub
DSA Stuctures & Alogorithms
Photoshop & Illustrator
ReactJS : ( learning state )
Figma : ( learning state )
  • Bootstrap
  • GitHub knowledge
  • Netlify knowledge
  • JSON DataBase
  • Creative design
  • Responsive Web Design
  • REST APIs & Postman

Travasure ( Alcazar : Travel Agency Website - Clone )

Home

Project details

Description
The main motive behind creating this website is to showcase the skills that we learned in Unit 3 of Masai School's program. We used the following technology stacks: HTML, CSS, JavaScript, and the animation library, AOS (https://github.com/michalsnik/aos). We created a JSON server for all the data we needed and worked on that data according to our requirements. The link of JSON server is (https://frail-show.onrender.com/data)

The website has two sides: the admin and the user. To visit the admin side, users must use "Utkarsh@Trasverse.com" as the username and "Traverse" as the password.

"TRAVASURE" is a dynamic traveling website that was developed within a tight deadline of 5 days by a dedicated team of 5 members. The website aims to provide users with a convenient platform to book their dream holiday destinations.

The key features of "TRAVASURE" include a user-friendly interface that allows users to easily search for their desired destinations. Users can search for destinations based on various criteria such as location, category, and price range. The website provides a sorting functionality that allows users to sort the available destinations based on price.

To enhance the user experience, "TRAVASURE" incorporates a filtering system where users can filter destinations based on specific price ranges and categories. This enables users to refine their search results and find options that fit their preferences and budget.

In addition to catering to the needs of travelers, "TRAVASURE" also offers an admin side that provides administrative functionalities. The admin side allows authorized administrators to manage the destinations available on the website. Administrators can add new destinations, edit existing destinations, and delete destinations when necessary. This ensures that the website remains up-to-date with the latest holiday options and provides accurate information to users.

Despite the short development timeline, the team successfully delivered a robust and feature-rich traveling website with "TRAVASURE." Its user-friendly interface, comprehensive search options, filtering capabilities, and convenient admin side make it an ideal platform for travelers to explore, book, and manage their holiday destinations effectively.


Admin Side : The admin side has three pages: Home, AddProduct, and Product. The Home page displays all the booking data. In the AddProduct page, admins can add new tourist sites to the website. In the Product page, admins can see all the tourist locations available on the website and can edit or delete them.

User Side : If the user is new to the website, they have to register in the Sign In section with the required details. Otherwise, they can log in to the user side by entering their username and password. If the details are correct, the user will be redirected to the home page.

The home page is mostly static, and the nav bar's "Holiday" tag leads users to all the available locations where they can book their visits. The "My Booking" section allows users to view all their bookings. Note that if the user is not logged in to the system, they have to log in first to access the "My Booking" page.

We added animations using the AOS library to the home page. In the middle section of the page, there are glimpses of the available locations. By clicking on them, users can be redirected to the destinations' pages.

In the Holidays page, all the locations are shown to the user. Another nav bar is added here, and users can filter the locations by different categories. In the right side of the page, there are the highlighted locations, and by clicking on them, users can add tourist locations to their bookings in the middle section by clicking on "Book Now." If the user is logged in to the system, they will be redirected to a form; otherwise, they must log in to book a location.

In the booking details form, users must fill in details like their name, email, phone number, city, number of people, age, and date of the journey. After filling in all the required details, the user can click on "Proceed to Checkout." If the user hasn't filled in all the details, an alert will appear that they need to do so.

If everything is successful, the user will be redirected to the payment page, where they must fill in their card number, cardholder name, expiration month and year, and CVV. After filling in all the details, the user can proceed to checkout, and a top-up generated. After filling in the OTP, the user can successfully book the holiday destination, and they can view their booking details by visiting the "My Booking" page.

  • Contruct Week Project :
    5 Days Project
  • Days :
    5 Days
  • Start Date:
    30/04/2023
  • Final Date:
    06/05/2023
  • Status :
    Completed
0+
Years Experience
7+
Completed Projects
5+
Work In Team
50+
Web Templates

Let's work together !

Contact me
  • Address :
    5, Nishita apartment, Paradise Park, Old Wadaj, Ahmedabad, Gujarat 380013
  • Email :
    himanshukalal75451@gmail.com
  • Contact No. :
    +91 9799354191
© 2023 Himanshu Kalal
Himanshu's - Portfolio

Himanshu Kalal