Inspiration

Food can get pretty pricey, especially when it comes to buying groceries. We wanted to find what recipes are "on sale" based on coupons and deals from local supermarkets.

What it does

"Froot" gives you a sample list of recipes using discounted items from coupons listed on grocery store websites.

How we built it

Our program uses a .json file to hold the discounted items name and the price a user will save. We use these items to search for recipes using a recipe API (Edamam). We then display it on the website!

Challenges we ran into

Web Scraping - Originally, we wanted to "scrape" the item name and price right from the store website and use that as a search tool. Unfortunately, web scraping seemed out of our ability as beginning web developers and we ran out of time to figure it out. UI - We had some issues giving pop-ups priority. We wanted the recipe to appear in front of other content. We fixed this by changing the format of the different overlays.

Accomplishments that we're proud of

Learning javascript and html5! None of us are web developers and working on this project gave us the opportunity to learn so much.

What's next for Froot

Some features we want to implement include a feature for stores to input their coupons/sale items, a total pricing with and without the discounts, as well as filters that can have dietary options.

Share this project:

Updates