Skip to content

Latest commit

 

History

History
64 lines (42 loc) · 2.15 KB

README.md

File metadata and controls

64 lines (42 loc) · 2.15 KB
Raw

GA - SEI - PROJECT-03 (Cabin Fever)

image

Timeframe

5 days

Technologies used

  • React
  • Webpack
  • MongoDB/Mongoose
  • Express
  • Ajax
  • JavaScript (ES6)
  • HTML5
  • Bulma (CSS framework)
  • SCSS
  • GitHub
  • ReactMapBox-GL
  • OpenCageData - location lookup

Cabin Fever - React project

The brief was to build a full-stack application with a React front-end and noSQL database. The application had to include data schema and a RESTful API framework.

The application is deployed via Git on Heroku and can be found here: Cabin Fever.

Installation

  • Clone or download the repo.
  • Execute this command:
    • mongod
    • yarn seed
    • yarn run:server
    • yarn run:client

App overview

At project initiation, we soon agreed that we would like to work with MapBox, a service which we had not covered during the course at General Assembly. From this came the idea to emulate Google Maps, but to add Cabins on the UK's southern coast.

Our aim was to deliver an app that allowed a user to register, log in, add new cabins, and message existing cabin owners to book availablity. The model was similar to SpareRoom. There are two views available when searching for a cabin.

  1. Map View image

  2. List View. image

Clicking on a cabin provides information including the location, images and even a function to message the cabin owner.

image

The Code

The delivery of the cabins was incredibly fun because the data from the API was created by ourselves. The Cabin Model and Schema looked like so:

image

Future enhancements

  • Upgrading the API to allow searches by size, location, price.
  • Adding failed search notifications.