Full-stack travel reservation application provides users with a comprehensive and convenient experience when planning their trips. With flexible search features, seamless accommodation booking, secure payment processing, and reservation management, users can make the most of their travels with complete peace of mind.

FSW Trip was developed using Next.js 13 and is a full-stack web application focused on travel reservations, offering users the ability to choose their accommodation based on their preferred dates and the number of guests. Additionally, the application facilitates the payment process for reservations and allows users to track their existing bookings. Check the project demo and the description of its functionalities below.

The application includes the following features:

• Google Authentication:

  Users can sign up and log in to the application using their Google accounts.

• Accommodation Search:

  Users can search and view a wide selection of available accommodation options. They can filter the results based on criteria such as location, available check-in dates, and desired daily budget.

• Accommodation Reservation:

  Users can select an accommodation and proceed to the reservation page. There, they can review reservation information, including dates, number of guests, and total price. Users have the option to review and adjust their choices before confirming the reservation.

• Secure Payment:

  The application offers a secure payment system that allows users to make quick and convenient payments for their reservations. Users can choose from different payment methods and will receive a transaction confirmation once the payment is successfully processed.

• Reservation Tracking:

  Users have access to a user area where they can view all their existing reservations. They can see detailed information for each reservation, including dates, accommodation location, number of guests, and payment details. Users also have the option to cancel their reservations.

This project was developed using the following technologies:

• TypeScript
• Next.js
• Tailwind CSS
• Figma
• React Hook Form
• React Toastify
• React Icons
• React Datepicker
• React Currency Input
• React Country Flag

• Next.js
• NextAuth
• TypeScript
• Prisma
• Date-fns

• Supabase
• PostgreSQL

• Stripe

Clone the project

  git clone https://github.com/AndreLSBrito/FSW-Trip.git

Access the project directory

  cd fsw-trip

Install the dependencies

  npm install

Start the application

  npm run dev

Open http://localhost:3000 in your browser to see the result.

To make a test payment and create a reservation, on the checkout screen, enter the card number:

All other information can be any valid input.

You can view the project layout by clicking here. A Figma account is required to access it.

This project is under the MIT license.

Liked it, have any improvement suggestions or got any questions?
Feel free to get in touch!