An accommodations booking website based off of Airbnb.com
Explore the website »
Table of Contents
airBnb is a full-stack web application built using the PERN Stack. It is inspired by Airbnb.com and offers MapBox API integration. This application is meant to replicate an online marketplace for lodging, primarily home-stays for vacation rentals.
To make an accommodation, users can sign-up on the "Sign Up" page which offers a sign-up form with full error-handling! This page is easily accessible from the top right submenu found in the navigation bar.
Returning users can log-back into their existing accounts by visiting the "Sign In" page. This page is easily accessible from the top right submenu found in the navigation bar.
If per-chance a user would like to test-drive this application's features and not create an account, there is an option for guests to log-in as "Demo User," accessible through the same submenu as forementioned.
Upon landing on the splash page, a user can opt for the choice of being flexible and pressing the "I'm Flexible" button which will directly navigate the user to an "Explore Page." From here the user can experience all of which airBnb has to offer throughout the state of California.
This option is great for new users who want to get a feel for the application's features and functionality!
Got an idea of what you're looking for? Users can utilize the "Search Feature" found directly in the navigation menu. Accommodations may be searched for by "City Name" and "Dates". Finding your next adventure never's been easier!
Once a logged-in user is satisfied and has found what they're searching for, booking an accommodation is fairly straightforward. This can be done directly from the individual "Booking's Page" through the booking form. This form will validate whether or not the booking is available for the user's desired criteria. If the booking isn't available for the user's inputted criteria, the user will not able able to make the booking and an error message will populate letting the user know when their booking of interest is not available. From the information gathered, the user can then determine which dates better align with their interest, if at all.
Things happen and many times we aren't able to make through with our intended plans. Luckily cancelling or editing a user's reservations is a breeze. By navigating to the user's "Booking Page" one may edit their reservation dates as so desired; so long as they do not overlap another user's booking's during the newly selected time period.
Leaving reviews is fun and provides valuable insight for future users! To write a review, add content and click the "Submit" button in the "Add a Written Review" subsection on the booking's page. Now your idea's will be shared publicly; for better or for worse :)
With the MapBox API integration already in place, I aim to provide users the functionality to search within a "X" mile radius from where they are currently located. The longitudinal and latitudinal coordinates of the user would be accessed via the browser upon user granting permission. These coordinates would be used to calculate distances from nearby booking locations that may be of particular interest to the user.
I would like to give the opportunity for users to list their own home or locations that others may reserve. Currently this access is not granted. Owner profiles would first have to be established to set apart users who do not own a listing; subsequently denying accessibility to edit someone elses's listing's information, or removing the listing entirely from the marketplace. AWS S3 integration would be most appropriate alongside this feature to allow users to upload a listings corresponding photos and/or other related media.
Pawan Chahal:
- LinkedIn: https://www.linkedin.com/in/pawanchahal/
- Email: chahal.pawanpreet@gmail.com
Project Repo Link: https://github.com/pawan087/w16_airBnbClone
Project Link: https://airbnbpawan.herokuapp.com/