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

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

date-fns datefns next-auth nextjs react-day-picker tailwind tailwindcss typescript

Last synced: 12 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/stpkkk/rauha-web
• Owner: stpkkk
• Created: 2024-11-30T12:46:51.000Z (5 months ago)
• Default Branch: master
• Last Pushed: 2025-02-12T05:05:37.000Z (3 months ago)
• Last Synced: 2025-03-29T05:34:39.252Z (about 1 month ago)
• Topics: date-fns, datefns, next-auth, nextjs, react-day-picker, tailwind, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://rauha-web.vercel.app
• Size: 6.09 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


 


    

  


  


    

      Rauha - Booking

    

  


  






![Status](https://img.shields.io/badge/Status-Completed-success?style=flat)





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.





![Screenshot](./public/assets/images/screenshot.png)



## Live Site

Check out the live app here: [The Rauha - Booking](https://rauha-web.vercel.app/)

## Admin Version

I also built an **admin version** of this app for hotel employees to manage cabins, bookings, and guests. The repository is [here](https://rauha-admin.netlify.app/).

## 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:

   ```bash

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

   ```

2. Install dependencies:

   ```bash

   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:

   ```bash

   npm run dev

   ```

5. Open [http://localhost:5173](http://localhost:5173) to see the app.