Skip to content

MoriaHamami/TravelAgency

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Travel Agency

Travel Agency is a completely responsive marketing website, allowing customers to book trips and tours worldwide.

intro_lowq.mp4

Table of Contents

Technologies

A completely responsive travel agency website, created using React & Next.js frameworks, HTML, CSS vanilla and Javascript.
The API calls to the backend are done using axios, while the data is fetched using PHP and SQL from a MySQL database. Several third side libraries were used for different goals, such as axios, swiper, form-data and more.

The main features of this website are:

✅ Header with toggle menu effect using vanilla javascript.

✅ Home section with touch slider using swiper.js

✅ About section using flexbox.

✅ Reviews section with touch slider using swiper.js

✅ Packages section using grid.

✅ Booking form section.

✅ Footer section using grid.

Showcase

Homepage

The landing page, in which the user is introduced to the travel agency, includes a swiper with eye catching transformations.

Homepage image

A mobile fit!

The use of conditional rendering enabled creating a responsive design. Just a taste of the mobile experience:

About

The first app I built using next.js! On this app customers can book trips and tours through the agency.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published