3.4 - Etsy - Jacklyn Carroll

[jacklynlee31]

Deliverables

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

  Requirements

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

[jacklynlee31]

https://github.com/jacklynlee31/3.4-etsy/pull/1

[rtablada]

@jacklynlee31 (yಠ,ಠ)y GH Pages link...

[rtablada]

@jacklynlee31 looks like it's missing the footer for the page.

[jacklynlee31]

@rtablada : GH Page http://jacklynlee31.github.io/3.4-etsy/

[rtablada]

@jacklynlee31 still looking for the footer

[jacklynlee31]

@rtablada Footer added, pushed to GH Pages