Implement new search bar for mobile
This is to use the existing search functionality with the new design
Search
https://design.minds.com/hosted/mobile/michael/mobile%231642-navigation/#artboard10 https://design.minds.com/hosted/mobile/michael/mobile%231642-navigation/#artboard4
Search autocomplete
https://design.minds.com/hosted/mobile/michael/mobile%231642-navigation/#artboard11 https://design.minds.com/hosted/mobile/michael/mobile%231642-navigation/#artboard5
When the user taps on the magnifying glass to the right, hide the current navigation menu and slide the magnifying glass to the left.
When a user hasn't entered any test, display their search history cached on the local device
When a user types more than two characters, implement the auto suggest like the front end that uses this endpoint https://www.minds.com/api/v2/search/suggest?q=tes&limit=4
-
New search box -
search history cached locally -
Autocomplete search results -
new pop over search results preview -
Light mode -
Dark mode -
Unit tests -
E2E tests
Budgeting plenty of time because this is a complex interaction that will require some tweaking to get mobile closer to front