+
+
+ Room number: ${room.number}
+Room type: ${room.roomType}
+Bidet: ${room.bidet}
+Bed size: ${room.bedSize}
+Number of beds: ${room.numBeds}
+Cost per night: ${room.costPerNight}
+
-**Create all of your feature code files in the `src` directory.**
+**Welcome View**
-Since code is separated into multiple files, you need to use the `import` and `export` syntax to share code across file.
+When the user logs in, they are taken to a welcome page that displays their name or their employee title.
-Here is a video that walks through some information about [import and export](https://www.youtube.com/watch?v=_3oSWwapPKQ). There are a lot of resources out there about `import` and `export`, and resources will sometimes call them `ES6 modules`. It's something you will see in React and beyond.
+
-### HTML
+**Check Availability By Date & Room Type**
-Add the HTML you need in the `index.html` file in the `./dist` directory. There is some boilerplate HTML that exists from the start that you can modify.
+A user can check room availabilty by date. They can narrow their search by choosing what type of room they are looking for.
-### Images
+https://user-images.githubusercontent.com/108088961/201994789-dd03e275-e7a9-4ead-bbfc-04ba34ea381e.mov
-Add your image files in the `src/images` directory. Similar to CSS files, you need to `import` image files in the JavaScript entry file (`scripts.js`). Then go into the HTML and add an `img` element with the `src` attribute pointing to the `images` directory. There is an example in the `index.html` file for you to see.
+**Book Room**
-## How to View Your Code in Action
+A user can double click or tab to the room and press enter to book a room for the current set or loged in customer.
-In the terminal, run:
+https://user-images.githubusercontent.com/108088961/201995246-8f182d94-0ce0-4daf-8f39-65a3d85d0618.mov
-```bash
-npm start
-```
+**See Customer Bookings**
-You will see a bunch of lines output to your terminal. One of those lines will be something like:
+A user can see all bookings associated with a customer.
-```bash
-Project is running at http://localhost:8080/
-```
+
-Go to `http://localhost:8080/` in your browser to view your code running in the browser.
+**Manager Dashboard**
----
+A manager can add and search rooms like a customer, but they can choose which costumer they are booking for and see todays information for the hotel in their dashboard.
-## Test Files Organization
+
-Similar to feature code, your test code needs to be put in a specific place for it to run successfully.
+**Manager View of Customer Bookings**
-**Put all of your test files in the `test` directory.** As a convention, all test filenames should end with `-test.js`. For instance: `box-test.js`.
+Only a manager can delete bookings and only future bookings can be deleted. Bookings that can be deleted show up with a red text saying the user can double click to delete the booking or the user can tab to the booking and press enter.
-## Running Your Tests
+
-Run your test suite using the command:
-
-```bash
-npm test
-```
-
-The test results will output to the terminal.
-
----
-
-## Linting Your Code
-
-Run the command in your terminal `npm run lint` to run the linter on your JavaScript code. There will be errors and warnings right from the start in this starter kit - the linter is still running successfully.
+## Setup
-Your linter will look at the JavaScript files you have within the `src` directory and the `test` directory.
+1. Clone down this [repo](https://github.com/turingschool-examples/overlook-api)
+2. cd into the directory and run `npm install`
+3. Run `npm start`.
+4. cd out of that directory and clone down this [repo](https://github.com:/daniabee/Hotel-Dani)
+5. cd into the director and run `npm install`
+6. Run `npm start`
+7. Go to `http://localhos:8080/` to view the webpage
-## Webpack?
+## Technologies used
-If you look in the `package.json` file, you'll see one of the library dependencies called `webpack`. If you're interested in learning more about what Webpack is and how it works behind the scenes, take a look through the [Webpack configuration documentation](https://webpack.js.org/concepts/).
+- Mocha
+- Chai
+- Javascript
+- HTML
+- CSS/SASS
+- Github
+- Get & Post Netork Requests
+- Webpack
-## Deploying to GitHub Pages
+## Ending Thoughts
-_If you are finished with the functionality and testing of your project_, then you can consider deploying your project to the web! This way anyone can play it without cloning down your repo.
+At this point in my journey as a software developer, I am very proud of this application. Being able to navigate network requests for the first time was a very big win. Another win was being able to change the origonal webpack loader to handle SASS files.
-[GitHub Pages](https://pages.github.com/) is a great way to deploy your project to the web. Don't worry about this until your project is free of bugs and well tested!
+Possible Improvements:
-If you _are_ done, you can follow [this procedure](./gh-pages-procedure.md) to get your project live on GitHub Pages.
+- Add an additional view or section to display past bookings and upcoming bookings, rather than displaying them in the same place.
+- Adding dynamic functionality for error handling as do dry up my code even further.
+- Cleaning up the error handling css and styling to be more visually appealing.
diff --git a/dist/index.html b/dist/index.html
index 35332a6f9..34dc42343 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -1,16 +1,136 @@
-
-
-
-
- 
-
-
-
-
-
+
+
+
+
+
+
+
+ Room: ${booking.roomNumber}
+Date: ${booking.date}
+Room: ${booking.roomNumber}
+Double click to delete
+Date: ${booking.date}
+Room: ${booking.roomNumber}
+
+ Room number: ${room.number}
+Room type: ${room.roomType}
+Bidet: ${room.bidet}
+Bed size: ${room.bedSize}
+Number of beds: ${room.numBeds}
+Cost per night: ${room.costPerNight}
+