3.4-etsy-marvin-santiago

[marvinsantiago]

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
  • [x] 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.

[marvinsantiago]

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

[rtablada]

@santiagomarvin

Todo

• [ ] Add link in this issue to your GH Pages url
• [ ] Store listings should have rounded corners
• [ ] Store listing photos should be the same size (this should cut down on the differences in listing heights) Check out this and this
• [ ] Give more margin below the store listings (they start to bunch up on each other)
• [ ] Header, sidebar, and footer still need work

[marvinsantiago]

http://santiagomarvin.github.io/3.4-etsy/