logolog
Visual logo library application using Clearbit autocomplete logo API. (Catalyst front-end challenge) [
[ view deployed application ]
Approach
- Review requirements
- Thumbnail potential layout ideas
- Get Clearbit API working
- Create rough search functionality
- Break out component files for nav, search, and selected icons
- Create filter functionalities (to save logos and filter out saved logos from results)
- Break up app into components
- Incorporate debouncing functionality
- Ensure state is reactive across all components
- Add CSS reset
- Style
- Add niceties e.g. functionality to clear search box, aria-role, etc.
- Deploy
- Style tweaks
Issues
- Sass was not working (seems to be an issue with Webpack, may be related to below)
- 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