Share BnB is an web application to monetize and utilize front/backyard home assets which can be rented with a frictionless platform using the web app’s system of finding potential matches based on geographical proximity. By streamlining the process of viewing local neighborhood outdoor assets such as swimming pools, yard, BBQ, driveways, tennis courts etc. with a simple web application. This is an untapped resource for the host to rent his outdoor facilities which can be monetized when not in use. Similar to AirBnb of collaborative consumption and sharing app but for the outside the home instead of inside. Host offer experiences and use of outdoor facilities instead of accommodation to guests by using a variety of filters types, dates, location and price. Before booking users must provide a valid name, email address and contact information.
Video of functionality: https://drive.google.com/file/d/1kRAj1yJtZTh-GXiM524BVxrbLbzw0i2H/view
ScreenShot
- In terminal, npm init
- Configure the config.json file with your database details with your own mysql database
- Remove the git repository from this project with rm -rf .git
- Initialize your own git repo with git init
- Connect your local git repo to your remote git repo with git remote add origin your-github-repo-ssh-key-goes-here
- Configure the package.json with your own information
- Run the server with npm start or node server.js
- Navigate to localhost:3000
- The public folder contains all public assets such as client side javascript files, css, and images
- The routes folder contains all server side API and HTML route files
- The views folder contains all the handlebar files necessary for display
- Homescreen will provide two options; one for sign-up and one for sign-in
- If user is not logged in, the nav bar will display home, sign-up, find-space, and log-in. If user is signed in, the nav bar will display member area, become a host, find-space, and log-out
- Sign-up, into sign-in, into member's area, then options provided for positive UX
- Sign-Up
- Sign-In
- Member's Area
- Becoming a host will generate an initial row upon image upload, submission will complete the row in the database via AJAX call
- Find a space is available to non-signed in users as well as signed-in users. Filling out appropriate fields will make an AJAX call to populate the search area dynamically
- Bootstrap v4.1.0 - Bootstrap CDN
- NodeJS v8.11.3 LTS - NodeJS
- JQuery v3.3.1 - JQuery CDN
- MYSQL v8.0 - MySQL Database
- Sequelize v4.37.10 - Sequelize NPM
- Express v4.16.3 - Express NPM
- BCrypt v2.0.1 - BCrypt NPM
- Passport v0.4.0 - Passport NPM
- Multer v1.3.0 - Multer NPM
- Body-Parser v1.18.3 - Body-Parser NPM
- Handlebars v4.0.11 - HandlebarsJS Templating
- Bower v1.8.4 - Bower NPM
- DropzoneJS v5.2.0 - DropzoneJS
- Github - Github
- JawsDB - JawsDB MySQL
- Heroku - Heroku
- Mike White - Lead Developer
- Nicholas Chan - Developer
- Rishi Mehta - PM/Developer
- Elmalick Ndiaye - Researcher/Developer
Our badass teacher and TA's