RECIPE APP

This App was part of our final project. We designed and built A Recipe App where you can search recipes from the database and save them to your account. You can also add your own recipes and save those as well. Additionally, there is a random recipe generator if you are unsure what to search.

Cloning the Repo -copy the github link -create a folder to store the project -in the terminal, run the command git clone

Installation To install the correct dependencies, run npm install

Running the app TO run the app, run npm start.

Tech use React React testing library CSS SASS Firebase

Versions

-testing-library/react:version 13.4.0 -axios: version 1.5.1 -firebase: version 10.6.0 -react:version 18.2.0

How to use -Select Enter on the home page -Either create an account or continue as a guest(you will not be able to save anything to your account)

To search for recipes

Fill in the recipe finder form with ingredients (one or multiple), cooking time(optional), intolerances(optional) and cuisine type(optional). Select search.

Alternatively, select the random recipe button to generate a list of random recipes.

To add a recipe

Select the add recipe form. Add recipe name, ingredients and select add after each. Once the list is complete, select add ingredients . The repeat for cooking instructions. Add time to cook. Then select add recipe. The recipe is now stored in your user account.

Your account To view your saved recipes, select my account. You can view your saved recipes from your searches at the top, and the added recipes you've written at the bottom. To view full recipes, click on icon.

Additions for future -added more responsive styling with media queries -added further styling -added ability for user to login using social media -removed navbar from landing page -allow users to upload an image of their saved recipe -allow users to send recipes via links to their friends