3.4-etsy-Scott Green

[scott6455]

Deliverables

• [ ] A publicly visible website (gh-pages, divshot, heroku, etc...)

  Normal Mode

You're going to create an application that: Re-Create An Etsy Page - https://www.etsy.com/search?q=whiskey

Specifically you need to focus on the sidebar and the main content of items.

• [ ] Utilize the data for whatever search term you use - DATA HERE
• [ ] Use Bourbon / Neat to help you out (optional, but suggested)
• [ ] You are free to change the search term to whatever you'd like.
• [ ] We haven't covered how to fetch data using JavaScript, so follow the instructions to use loadEtsy
• [ ] Everything should be styled as closely as possible, including the Header/Footer
• [ ] You should implement hover events and link the items to their proper Etsy product pages
• [ ] Unless you do the bonus question #2, you can just put random links in your sidebar.
• [ ] Do not use jQuery - we haven't covered it so this SHOULDN'T be a problem
• [ ] Also, no need to make any of the form elements work.

  Hard Mode

Everything above plus:

• [ ] Create your own API token by signing up as an Etsy developer
• [ ] Replace the API token in load-etsy.js
• [ ] Pull the categories from the data to create the sidebar, with links that filter the listings.
• [ ] Use onsubmit on form elements so that the main area is switched out when a user submits the search form but it doesn't reload the entire page.
• [ ] Implement loading spinners while data is loading (you can use the immediate argument of loadEtsy to do this)
• [ ] Implement the sorting dropdown.

[rtablada]

@scott6455

Todo

• [ ] Link to pull request
• [ ] Upload latest build to GH Pages for comments and notes
• [ ] Add link in this issue to your GH Pages url

[rtablada]

@scott6455 :grey_question: