emmacbd / Overlook_Hotel

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

OVERLOOK HOTEL

Table of Contents

Project Overview

Welcome to the Overlook Hotel!

Overlook is an application that allows the user login as a customer of the Overlook Hotel. Each customer has previous bookings that can be viewed from the customer dashboard. The user can click the Book Room button to create a new booking. From that page, the user can select a check-in date. Any available rooms will display and the user can make their selection then, or they can choose to filter their search by room type. Once the user clicks the Book Now button on their desired room, they will see a message informing them if their booking was successful or not. From there, they can go back to their dashboard or make another booking request.

Check Out the Page In Action!

Screen Recording 2022-04-26 at 2 35 57 PM

Technologies Used

  • JavaScript
  • Webpack
  • Mocha and Chai
  • Fetch API

How to Set Up

  • Fork this repository
  • Copy the SSH clone address
  • Run git clone [remote address][whatever you want to call this repo]
  • Run npm install in your terminal
  • Run npm start in the Terminal and open localhost:8080 in your browser
  • Now fork and clone the APIs that the app will be drawing it's data from: (https://github.com/turingschool-examples/overlook-api)
  • Run npm install in your terminal
  • Run npm start in your terminal
  • When you're ready to quit, make sure to Control C in both terminals to stop your local servers!

Learning Goals and Outcomes

My main goals for this project were to successfully implement fetch API, and Webpack, and develop practices for making an app accessible. I decided to keep the design as simple as possible to focus on the functionality and ensure the app was easy to navigate. I would like to make the design a bit more complex in future iterations.

Future Features

  • Refactor styling to utilize SCSS/SASS.
  • Add functionality to create a manager profile that can amend and delete reservations.

Contributors

About


Languages

Language:JavaScript 88.3%Language:CSS 11.7%