stashag / final-phase-1

Pantry Chef is an app that allows a user to input ingredients they have on hand and the app displays meal recipes that the user can make with those ingredients. A user can also click the random recipe button and a random recipe will display that the user can make.

Hey there 👋🏽 I'm Stacey

Software Engineer in Atlanta, GA

• 👩🏽‍💻 I recently successfully completed the Zero to Merge Incubator, a four-week intensive program designed by the Cloud Native Computing Foundation (CNCF). The program equips participants with the skills and knowledge required to work on various cloud native open source projects and effectively engage with CNCF project maintainers, identify challenges within the cloud native ecosystem, collaborate on open GitHub issues, and contribute through Pull Requests (PRs).

• 👩🏽‍💻 I’m currently enjoying learning Python 🐍.

• 🌱 I’m currently learning more about React.

• 🙋🏽‍♀️ Pronouns: she/her

• 📧 Email: [email protected]

🌎 Things I love to do outside of coding:

      🌱 Gardening

      💃🏾 Dance

      🧘🏽‍♀️ Yoga

      🗺️ Travel

      💎 Creates beaded jewelry

🏆 Badges I received:

Connect with me:

Languages and Tools:

 

final-phase-1's Issues

Fix divs in the index.js file

The new divs being created by the index.js file after the API call are nesting inside each other. It looks like it's due to there being two open div tags, but only one closing /div tag.

Choose CSS Framework

Bootstrap, Tailwind, Bulma, Foundation

CSS Niceness Needed

Add CSS to the cards to "pretty them up"

Create HTML file

Name the app

Each team member create own branch

API call test

First try for API call

Discuss 2.0 autocomplete feature

This feature is on the feature/autocomplete branch. Please review and see if you can click an ingredient item from the list displayed and then see the recipe cards display for that item.

add random meal generator

add random-meal.js and random-meal.html

Resolve promise chain

using async or nested promises resolve promise chain calling summary using data from API search. Currently keeps coming in undefined. Suggested StackBlitz to resolve: https://stackblitz.com/edit/sj-async-await-1?file=index.js

Clear page before new search

When a second search is done without refreshing the page, the previous search results remain, and the new results are added to the bottom.

Create README.MD file

Decide parts

What needs to be done to make it work?

Style sheet

Work on style sheet

Choose JavaScript Library

Decide on image for homepage

I have found some great images for our home page on https://unsplash.com/s/photos/cooking. I will select some images and we can decide on which one is best.