Client-side UI for 'Search for Approved Foods' feature

[jesserosato]

A search page is needed to allow users to search for WIC approved foods. The server-side is in place (working on a limited data set for now), and available via a GET request to /foods, which returns a JSON array of 'food' objects.

[donmccurdy]

Hey I was just wondering what you all have in mind here. Like should this be a separate page with a searchbar and a list of results?

Example mockup:

[jesserosato]

@donmccurdy spot on. When I was building the nav, I noticed some issues with usability/readability on mobile, so keep an eye out for that. Eventually, we'll want to include a 'shopping list' feature (maybe even tied in with recipe sites?), but what you have here should be a good base for that. Thanks again for your contribs, please let me know if you have anything that you're working on that could use hands.

[donmccurdy]

There's some kind of scaling issue switching in/out of emulation mode in Chrome (seeing this until I refresh the page, then this) but on my iphone it looks great. I'll keep an eye out though! And sure thing – I came across the CfA issue tracker recently and thought I'd try to contribute some.

[donmccurdy]

@jesserosato what version of Sass are you running, by the way? I might need to try to match that, I'm on 3.4.10 and for some reason it is outputting colors differently in the compiled style.css (replacing 'white' with '#fff' and so on).

[jesserosato]

@donmccurdy we're using the grunt-contrib-sass node module, which compiles SASS files using your local SASS install. Not sure about why it would be switching color formats, but I'm not a SASS guru by any means

[jesserosato]

@donmccurdy I think I misunderstood your question (probably time for me to hit the hay!), I'm running SASS 3.4.9 right now on my machine.