searchbar about basedcode HOT 6 CLOSED

NOTE: This will not be an actual page, it will be a component+vuex combo to filter product list and recommendations by name

from basedcode.

Note for Future Akin: An autocomplete textfield component that renders relevant products in the top 2 elements in the search list and then bottom 2 are recommended components similar to/ based on what user is typing [1]

End result: when enter is pressed it leads the user to the browse page now filtered with all products matching search query and a couple recommendations at the bottom

Alternate End Result: User selects an item from the autocomplete search list and has the option to add to cart ( directly from the search bar)

[1]

from basedcode.

Search bar v1

Search bar v2

I'm thinking this implementation is better because

1. We don't have images for our items,
2. There's no point having a products page-- we already don't have one anyway
3. Considering the above two points, what would be the point of filtering the browse page if they can just do whatever they want to do from the search bar? Search for the item and directly add it to cart
   @matthewwalk @daniel-kozlovsky thoughts?

Also Question: Should the search bar be within the nav bar or just browse page? nav bar seems more intuitive but idk

from basedcode.

Also in terms of vuex, it is set up to pull from the recommendations store. so this can be easily switched to our " all items" endpoint. other wise, no need to store anything else if they can directly add to cart and we wont be bothering to re render the browse page based on input. but again. lemme know your thoughts

from basedcode.

updated to
still in progress

from basedcode.

its done children

from basedcode.