Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/akramadjab/the-wild-oasis-website

Introducing Wild Oasis Reservations: A sleek, multi-page hotel booking site for guests. Features include cabin browsing, online reservations, Google login, and personal dashboard management. Built with Next.js 14, RSC, modern React hooks, Date-fns, Supabase, and Auth.js.
https://github.com/akramadjab/the-wild-oasis-website

authjs context-api contextapi date-fns next-auth next-auth-provider nextauth nextauth-google nextjs nextjs14 react reactjs reactservercomponents rsc supabase supabase-ssr tailwind tailwind-css tailwindcss

Last synced: about 12 hours ago
JSON representation

Introducing Wild Oasis Reservations: A sleek, multi-page hotel booking site for guests. Features include cabin browsing, online reservations, Google login, and personal dashboard management. Built with Next.js 14, RSC, modern React hooks, Date-fns, Supabase, and Auth.js.

Awesome Lists containing this project

README

        

![screencapture-the-wild-oasis-website-template-vercel-app-2024-06-19-20_32_38](https://github.com/akramAdjab/The-Wild-Oasis-Website/assets/111662485/a92fc242-296e-43ae-b00d-fba0d4b534d2)

# The Wild Oasis // Hotel Reservation App

Introducing Wild Oasis Reservations: A modern, user-friendly hotel booking website that enhances guest experience with seamless online reservations. Guests can explore detailed information about our cabins, make reservations, and manage their bookings. The platform also supports Google account login for easy access to personal information and booking management.

Crafted with cutting-edge technologies including Next.js 14, React Server Components (RSC), and modern React hooks like useFormStatus and useOptimistic. Our platform leverages Date-fns for date management, Supabase for a robust database solution, and the Context API for efficient global state management. We utilize revalidatePath for managing Next.js caches, and Auth.js for secure authentication.

#### Key Features:


  • About Us: Comprehensive information about our hotel and services.

  • Cabin Exploration: Detailed views of our cabin offerings.

  • Online Reservations: Smooth and intuitive booking process.

  • Google Authentication: Secure login with Google accounts.

  • Personal Dashboard: Manage and update personal information and reservations.

#### Technologies:


  • Next.js 14: For a modern, scalable web application framework.

  • React Hooks: useFormStatus, useOptimistic react modern hooks.

  • Date-fns: For robust date handling.

  • Supabase: For database management.

  • Context API: For global state management.

  • Auth.js: For authentication.

  • Next.js Caching: Managed with revalidatePath.

Explore our codebase and the [website demo](https://the-wild-oasis-website-template.vercel.app/) to see how these technologies come together to create a seamless hotel booking experience for our guests.

![screencapture-the-wild-oasis-website-template-vercel-app-about-2024-06-19-20_36_08](https://github.com/akramAdjab/The-Wild-Oasis-Website/assets/111662485/183dedcd-7a9f-4f86-926c-9d1ca4bb6867)
![screencapture-the-wild-oasis-website-template-vercel-app-cabins-2024-06-19-20_35_50](https://github.com/akramAdjab/The-Wild-Oasis-Website/assets/111662485/9c131ecd-bc6f-49a1-bd56-1e2e59fc3056)
![screencapture-the-wild-oasis-website-template-vercel-app-cabins-71-2024-06-19-20_37_12](https://github.com/akramAdjab/The-Wild-Oasis-Website/assets/111662485/6ca0f7c7-4ab9-42bd-96ca-93edce0349fd)