/logolog

catalyst front-end challenge using clearbit api

Primary LanguageVue

logolog

Visual logo library application using Clearbit autocomplete logo API. (Catalyst front-end challenge) [

[ view deployed application ]

Approach

  1. Review requirements
  2. Thumbnail potential layout ideas
  3. Get Clearbit API working
  4. Create rough search functionality
  5. Break out component files for nav, search, and selected icons
  6. Create filter functionalities (to save logos and filter out saved logos from results)
  7. Break up app into components
  8. Incorporate debouncing functionality
  9. Ensure state is reactive across all components
  10. Add CSS reset
  11. Style
  12. Add niceties e.g. functionality to clear search box, aria-role, etc.
  13. Deploy
  14. Style tweaks

Issues

  1. Sass was not working (seems to be an issue with Webpack, may be related to below)
  2. There seems to be an issue with UglifyJs; briefly looked into solutions such as 1 2 3 4

Other thoughts

  • Wasn't sure if "autocomplete" referred to search input behavior (based on wireframes I'm guessing no) or specific Clearbit API
  • Without a link was not 100% clear on which API to use
  • Considered porting to Vue CLI 3+ project