dustingouner / flavor-quest

Hey there

About Me:

As a front-end software engineer, I am passionate about creating unique and user-friendly applications that address practical challenges. With a strong background in finance, real estate, and construction, I bring a diverse skill set that includes problem-solving, attention to detail, and collaborative teamwork.

Since transitioning to software engineering, I have actively pursued opportunities to enhance my skills and stay updated with emerging technologies. I thrive in dynamic and challenging environments, and my quick learning ability allows me to adapt and excel.

With a genuine drive for personal and professional growth, I am excited to continue pushing my boundaries and developing innovative solutions that have a real impact. I am confident that my experience, motivation, and dedication make me a valuable asset to any team.

Languages:

Frameworks/Libraries/Testing:

Tools:

Processes/Concepts:

flavor-quest's Issues

test meal detail spec

Set up function for buttons on home page

Random meal button click should bring the user to another page displaying the random meal image, cooking instructions, and two buttons with the option to add ingredients to shopping list or generate a new meal

Add propTypes for MealDetails

test home page spec

Create component folder- Add components for Header, Meal Details, Shopping List, Home Page

Add images to assets folder

test shopping list spec

Create shopping list component

Shopping list component will have a div holding the list of ingredients with the amounts. This should include radio buttons or check box to show that the user has purchased the items.

Create Home page component

Home page component will include a p tag and two buttons. One that allows the user to have a random meal generated and the other option is to choose take out which will bring the user to Yelp.

Add responsive styling to header

Create meal details component

Meal Detail component will include the meal image, cooking instructions, and two buttons that gives the user the option to add ingredients to the shopping list or choose another random meal.

Shopping list component functions

User can use the shopping list to check off which items have been purchased at the store. The user should be able to see a collection of shopping list and/or meals they have decided to try.

Create API Calls file

Meal Detail Component functions

While on the Meal detail page, the user should have the option to click on the shopping list, allowing them to add ingredients to the shopping list page, or see another random meal.

May want to display ingredients list and possibly youtube video to watch. Will the user be able to go back to the instructions page after adding items to the shopping list.

Add Router to App file

Set up router. Paths should be home page, detail, and shopping list. Make sure logo in header will bring you back to the home page.

Add responsive styling to shopping list

Add PropTypes for shopping list

Create Header Component

Header component will include a logo image or H1 and an h2 with slogan. Background color #4DA66B

Set up fetch calls functions

Add responsive styling to meal details