HauntBnB

Snapshot

Hauntbnb is a fullstack airbnb clone with a spooky theme! It takes the idea of being able to book spots to stay at, but more specifically at haunted locations!

Live Link: đź‘»Boo!

Features

Haunts

  • Users can create Haunts as locations to be viewed
  • Each haunt has a paranormal activity rating as well as an averaged comfort rating based on user reviews
  • Owners of the haunt can edit the data, or delete the haunt from the list of available locations

Reviews

  • Users may leave a single review for each haunt
  • Each review can choose a comfort rating, as well as a written review
  • Users are able to edit or delete their reviews, up to changing the text or rating

Bookings

  • Users can book a stay at a haunt based on the current day
  • Each booking will calculate total cost based on cost of location
  • The booking section will also list the amount of days booked

Site Preview

Splash Page

img

Homepage

img

Login

img

Signup

img

Create a Haunt Page

img

Haunt Details

img

Edit Haunt

img

Booking

img

Architecture

Hauntbnb is created using an Express backend and React frontend. The database utilizes PostgreSQL along with Sequelize to implement updates and changes. On the frontend, Redux is used for state management along with AWS S3 services for image upload.

Technologies Used

node JavaScript HTML CSS

Backend

Postgres Sequelize Express

Frontend

React Redux AWS