WhatsInMyFridgeApp

Overview

Mmotkim's ISC301 Project. Forked. Fixed authentication, recipe API, fridge function and modified for showcasing locally

What's In My Fridge is an application that allows users to save money by using their fridge ingredients to find delicious recipes and prevent food waste!

https://whatsinmyfridgeapp.herokuapp.com/

Demo:

Techstack

Languages

• HTML
• CSS
• JavaScript

Frameworks

• React.js
• Express.js
• Node.js

Installation

To install this app, please install the project dependencies and run it locally. What's In My Fridge is currently hosted on:

Heroku.

1. clone the repo
2. Run a terminal and cd into folder Client -npm start -Go to localhost/3000 to start the frontend of the app
3. Run a second terminal and cd into folder backend -npm start -go to localhost/5000 to start the backend of the app

Wireframes and User Stories

More information and details can be found on:

Trello.

Data Model:

User Flow:

Difficulties/Unsolved Problems

• the orignal recipe API the app utilized was shut down in November 2019 and had to be replaced by the Edamam API.
• The heroku version of the app is not as functional as the local version as Edamam's API only works localy.
• The homepage search button is not redirecting to login as it originally did.
• Users are able to add multiples of the same ingredient when they shouldn't be allowed to.

Future Development

• Build out favoriting system for recipes.
• Add a feature allowing users to select ingredients from their ingredient list to the search bar.
• When a user adds an ingredient to their fridge, they will be able to add an expiration date which will allow the app to track when ingredients are about to expire.
• Users should be able to edit their ingredients.
• Users have the option to add friends/other users and share fridge information if they wish to.
• Users could add a photo for their profile.