GOECHA / hotel-eden

M2- final project - hotel-eden

hotel-eden

Chantal Goethals

• Chantal Goethals | linkedIn

A project built with JavaScript and Test Driven Development. This project holds beautiful UI and allows a user to login with credentials and make hotel reservataions. The app stores information about past & future reservations and keeps a tab on much the user has spent with a "points earned" system.

• Any room bookings made (past or upcoming)
• The total amoun spent on rooms

• When first arriving at the site, a user should be able to log in with a username and password.

• I should be able to select a date for which I’d like to book a room for myself

• Upon selecting a date, I should be shown a list of room details for only rooms that are available on that date

• I should be able to filter the list of available rooms by their roomType property

• I should be able to select a room for booking

Technologies

• the fetch API to retrieve and add data
• Mocha and Chai for testing your code
• JavaScript
• CSS
• GitHub

Setup and Install

Clone This Repo

That's right, clone not fork. You will use this repo multiple times, but you can only fork a repository once. So here is what you need to do to clone the repo and still be able to push changes to your repo:

1. Clone down this repo. Since you don't want to name your project "webpack-starter-kit", you can use an optional argument when you run git clone (you replace the [...] with the terminal command arguments): git clone [remote-address] [what you want to name the repo]
2. Remove the default remote: git remote rm origin (notice that git remote -v not gives you back nothing)
3. Create a new repo on GitHub with the name of [what you want to name the repo] to be consistent with naming
4. Copy the address that you would use to clone down this repo - something like [e-mail]:...
5. Add this remote to your cloned down repo: git remote add origin [address you copied in the previous step] - do not include the brackets

Now try to commit something (just add a line in the README) and push it up to your new repo. If everything is setup correctly, you should see the changes on GitHub.

Setup

After one person has gone through the steps of cloning down this repo and editing the remote, everyone should clone down the repo.

Then install the library dependencies. Run:

npm install

To verify that it is setup correctly, run npm start in your terminal. Go to http://localhost:8080/ and you should see a page with the Turing logo image and a beautiful gradient background. If that's the case, you're good to go. Enter control + c in your terminal to stop the server at any time.