NextJS-Hotel-Booking Tailwind Templates

Nextjs Hotel Booking

A fully functional Airbnb clone built using NextJS Server Side Rendering alongwith Tailwind CSS for a neat responsive layout. Used Prisma ORM to query and connect to MongoDB database and perform CRUD ops. Also implemented Google Sign-in using NextAuth JS


Logo

Hotel Booking Site

A fully functional Hotel Booking site inspired by Airbnb

View Demo

Table of Contents
  1. About The Project
  2. Getting Started
  3. License
  4. Contact

About The Project

(back to top)

Built With

(back to top)

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

  • npm
    npm install npm@latest -g
    

Installation

  1. Get Auth API Keys for Google O-Auth, Cloud name for Cloudinary account and Mongo URI for your MongoDB database. You need to set these up manually.
  2. Clone the repo
    git clone https://github.com/asish918/NextJS-Hotel-Booking.git
    
  3. Install NPM packages
    npm install
    
  4. Enter your API keys in .env. Refer the .env.example file
  5. Generate Prisma types and push to MongoDB
    npx prisma generate && npx prisma push
    
  6. Refer to the schema.prisma file and try to create some dummy data to see actual results. The image url is supposed to be the URL of the image file hosted on Cloudinary
  7. Run the project
    npm run dev
    

    (back to top)

Database Schema

Refer to this visual schema to understand better

(back to top)

License

Distributed under the MIT License. See LICENSE for more information. Basically you can do whatever the hell you want to with the code 😉

(back to top)

Contact

Asish Mahapatra - asishmahapatra918@gmail.com

Deployed on

Project Link: https://github.com/asish918/NextJS-Hotel-Booking

(back to top)

Top categories

Loading Svelte Themes