The Wild Oasis Web

The Wild Oasis Web is a fullstack NextJS application build for hotel reservations. I built this project while practicing NextJS, Stripe, backend and more. This application is minimalistic, accessible to everyone.

FEATURES

  • User Sign up
  • User Log in
  • User Profile
  • Cabin Reservation
  • Payment System
  • Cabin page

STACK

  • React
  • TailwindCSS
  • Supabase
  • NextJS
  • Axious
  • Stripe
  • Netlify

LINK

Wild Oasis Landing page

Project purpose and Goal

This project included the following 5 phases and iterations of the site. Phase 1 is simply the cabins page where visitors can see all the info about a specific cabin and sort the cabins. Phase 2 is implemented log in with NextAuth and creating a profile page with home, reservations and guest profile where user can edit his profile.

Phase 3 is all about creating a reservation. When user visits one of the cabins first, he needs to be logged in so he can create a reservation. User can select how many days he wants to stay and see if some days are already reserved, how many guests and should breakfast be included.

Phase 4 is enabling users to see their reservations and edit or delete them. The last phase 5 is about enabling stripe hosted checkout page for paying the reservation.

The most effective approach I found to implement these 5 phases is to create a cabins page, and after that to create log in logic with NextAuth and profile page. Afterwards create seperate cabins where user can create a reservation and see his reservations. And when everything was working to enable paying with stripe.

Wild Oasis CabinReservation page of Wild OasisCabins of Wild OasisAbout page of Wild Oasis
Wild Oasis payment page with stripe

Want to get in touch?

Send me a message!

If you're searching for a developer, need help with something, or just want to connect, don't hesitate to get in touch.

Designed and Developed by Alao Abdul-salam.