Rauha - Booking

---

Welcome to The Rauha! This is the customer version of the hotel management web app, where users can view and book cabins based on availability, manage their bookings, and update their profiles.

Live Site

Check out the live app here: The Rauha - Booking

Admin Version

I also built an admin version of this app for hotel employees to manage cabins, bookings, and guests. The repository is here.

Features

• View all available cabins with descriptions and images.
• Book a cabin based on available dates and select the number of guests.
• Sign in with Google to manage bookings.
• View your booked cabins, edit them, or cancel if needed.
• Update your profile information.
• Fully responsive on all devices (I made sure to make it mobile-friendly!).

Technologies Used

• Next.js (App Router)
• Tailwind CSS for styling
• Supabase for the database (shared with the admin app)
• NextAuth.js for authentication (Google sign-in)
• Date-fns for date handling

Setup Instructions

To run this project locally:

1. Clone the repo:

   git clone https://github.com/stpkkk/rauha-web.git

2. Install dependencies:

   npm install

3. Set up environment variables:
   • You’ll need to configure Supabase and NextAuth (Google sign-in). Add your environment variables in a .env.local file. Check out the .env.local.example for what you need to include.
4. Run the development server:

   npm run dev

5. Open http://localhost:5173 to see the app.