andrewckinstler / overlook

Overlook

Overlook is a Turing Mod 2 solo project that is focused on data manipulation and DOM manipulation using jQuery. The application is centered around hotel booking management.

Technologies

• JavaScript
• Webpack
• jQuery
• SASS/SCSS

Setup/Installation

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 [email protected]:...
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 and push it up to your new repo. If everything is setup correctly, you should see the changes on GitHub.

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 some h1 text and a pink background. If that's the case, you're good to go. Enter control + c in your terminal to stop the server at any time.

overlook's Issues

POSTing a booking should update UI with current booking list

When logged in as either type of user, You can POST bookings, but those changes are not reflected on the DOM.

DELETE requests don't remove deleted booking from DOM

This plays into issue #7 where the data manipulation isn't quite reflected on the DOM. A possible refactor is how selectors are applied to template literals upon appending.

Refactor class structure and inheritance.

At the beginning of this project, I felt that everything should be inherited from the hotel class. Upon further consideration, I don't think that this allows for the level of abstraction a hotel/hotel chain might require. I would refactor this to have a hotel class that stands alone and can absorb information for a particular hotel, and a User class that the Guest and Manager classes can inherit their methods and data from.

Considering these thoughts, the class-inheritance structure should be refactored to reflect this.

Media queries

Application needs the ability to resize for smaller devices. Bigger screens work fine.