jsjohn026 / playBnB

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

PlayBnb

Technologies

Backend

  • Ruby on Rails
  • PostgreSQL

Frontend

  • React.js
  • Redux

Overview

Live Demo

Introduction

PlayBnb is a single-page clone of AirBnb. Users can search from a selection of listed homes to stay based on location and the number of guests they are traveling with.

alt text

Pages

Session Modal (Log in or Sign up)

alt text

Users can view much of the site content without signing up, specifically listing information. They will be asked to log in or sign up once they try to book a listing. The modal allows users to switch between the log in or sign up form with having to load a separate page.

Navigation Bar

alt text

Users can access multiple pages from one navigation bar located at the top of the page. The options on this bar change once a user is logged in. The navigation bar is accessible as users scroll down the page or go to another link within the application.

Future Direction

Listing Detail Page

The listing detail page will have the following sections:

  • Search Bar: Users search listings directly on the Navigation Bar by location.
  • Photo Grid: Shows at least 5 photos of the listing. Images will be enlarged upon a mouse click and users will be able to slide through the multiple photos.
  • Listing Details: A description, included amenitities list, and a calendar indicating available dates will be housed here. Host information, listed reviews, information on nearby attractions will be added.
  • Booking Request Form: The booking request form will include a calendar with blocked dates allowing users to select available dates. Once booked, the calendar will show the selected dates blocked as unavailable.

About


Languages

Language:Ruby 48.4%Language:JavaScript 36.4%Language:CSS 9.3%Language:HTML 6.0%