rumizen / scrounge-vuex

Scrounge

Created by Steve Rumizen

Project Setup

1. npm install
2. Get a free api key from [Spoonacular](https://spoonacular.com/food-api/pricing)
3. Create a .env file in the root directory
4. in the .env file, add the line `VUE_APP_API_KEY=[your new Spoonacular api key]`
5. npm run serve
6. Open Scrounge in a browser at localhost:8080 

What is Scrounge?

The situation:

It's Sunday evening and you didn't get a chance to do your weekly grocery trip. Your kitchen is far from fully-stocked but you need to come up with an adequate meal for your family.

The solution:

Scrounge gives you a straightforward way to plug in the few ingredients you have and find an inspiring recipe based on those ingredients. Add and remove items until you land on a dish you like, then use the simplified directions to prepare it.

UI/UX

Landing Page

Find Recipes

Sticky Input

Sliding Sidebar

Responsive Design

Responsive Input

The Tech

• Spoonacular API for the backend
• Vue and Vuex for the front end
• SCSS for fully custom design

Upcoming Features

• Ability to create a quick list of potential recipes as the user browses
• Ability to filter recipes by healthiness, user rating, vegan, and vegetarian
• Native mobile version

Production Version Coming Soon!