Skip to content

Its-Zeus/StayEase-FullStack-Booking-Web-App

Repository files navigation

StayEase

StayEase

Full-stack Hotel Booking Website whith Next.js Tailwindcss Prisma

⭐️ Star this project ⭐️

Preview : https://stay-ease-full-stack-booking-web-app.vercel.app/

StayEase is a full-stack booking website inspired by Airbnb, built with Next.js, Tailwind CSS, and Prisma. This application includes features such as property listing, booking management, Stripe payment integration, Clerk authentication, and more.

Features

  • ✅ Responsive forms for adding or updating property listings.
  • ✅ Dynamic properties list with infinite scroll.
  • ✅ Secure payment processing via Stripe.
  • ✅ User authentication and management with Clerk.
  • ✅ Seamless data handling and fetching through API integration.
  • ✅ User dashboard to manage properties and bookings.
  • ✅ Dark/light theme toggle.
  • ✅ Advanced property filters.

Getting Started

Prerequisites

Ensure you have the following installed on your local development machine:

  • Node.js (>=14.x)
  • npm (>=6.x) or yarn (>=1.x)
  • MySQL (for the Prisma database)

Installation

  1. Clone the Repository

    git clone https://github.com/Its-Zeus/StayEase-FullStack-Booking-Web-App.git
    cd StayEase-FullStack-Booking-Web-App
  2. Install Dependencies

    npm install
    # or
    yarn install
  3. Set Up Environment Variables

    Create a .env file in the root directory of the project and add the necessary environment variables:

    DATABASE_URL="your_mysql_database_url"
    NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY="your_clerk_publishable_key"
    CLERK_SECRET_KEY="your_clerk_secret_key"
    UPLOADTHING_SECRET="your_uploadthing_secret"
    UPLOADTHING_APP_ID="your_uploadthing_app_id"
    NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY="your_stripe_publishable_key"
    STRIPE_SECRET_KEY="your_stripe_secret_key"
    NEXT_PUBLIC_HOST_URL="http://localhost:3000"
  4. Set Up Prisma

    Generate the Prisma client:

    npx prisma generate

    Run the Prisma migrations to set up your database schema:

    npx prisma migrate dev
  5. Run the Development Server

    Start the development server:

    npm run dev
    # or
    yarn dev

    Open http://localhost:3000 in your browser to see the application.

Contributing

Contributions are welcome! Please fork the repository and submit a pull request for any enhancements or bug fixes.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

For any inquiries or feedback, please contact zeuscript@gmail.com.


Thank you for using StayEase! We hope you find it useful and enjoyable. Happy booking!

Releases

No releases published

Packages

 
 
 

Contributors