/cookit

Primary LanguageJavaScript

Cookit!

Description: An app that allows you to get recipes based on the items in your fridge. Add or delete items in your fridge, make notes of the items in your fridge, find new recipes and favorite recipes. Created with vite, React, JavaScript/Node, and Sass.

To start:

  1. Clone repository
  2. Create "config.env" file in the root directory. Within that file, get your spoonacular api key and type in, API_KEY = [YOUR_API_KEY]
  3. Type "npm i"
  4. Type "npm start"
Note

First screen prompts for your name Screenshot 2024-04-22 at 8 00 11 PM

Splash Page Screenshot 2024-04-22 at 8 00 30 PM

Fridge Tab: Enter ingredients in your fridge into Cookit! Screenshot 2024-04-22 at 8 03 08 PM

Cook Tab: Shows available recipes you can use based on the items in your fridge. It also allows you to favorite them, and show more recipes. (Default 2) Screenshot 2024-04-22 at 8 06 43 PM

Favorites Tab: Shows all your favorited recipes. Screenshot 2024-04-22 at 8 06 59 PM