FlavorFusion

Project 1: Interactive Front-End Application

🚩 TABLE OF CONTENT

• Description
• Usage
• Installation
• Credits
• License

📖 DESCRIPTION

🎯 What is it about?

FlavourFusion is a real-world front-end application that was built with the mission to bring you the app that will empower you to become a kitchen maestro effortlessly! Simply choose your favourite ingredients and be inspired by tailored recipes and videos that FlavorFussion will present to you. ​

Preview

The following image shows the web application's appearance and functionality:

💻 USAGE

Visit the webpage here

User Story

 As a user, 
I want to be able to search for recipes by ingredient so that I can find recipes that I can make with the ingredients I like. 
I want to be able to save recipes to a list so that I can easily access them later. 
SO THAT I can view and plan my meals based on the suggested YouTube recipe videos.

✅ Acceptance Criteria

• The application should have a search bar where users can enter an ingredient.
• When the user submits the search, the application should request a recipe API and display a list of recipes that include that ingredient.
• The application should use Bootstrap for styling and be responsive.
• The application should be deployed to GitHub Pages.
• The application should be interactive, allowing the user to submit a search and view the results.
• The application should use at least two server-side APIs: a recipe API and a YouTube API. * * The YouTube API should used to display videos that are on theam with the recipe selected.
• The application should use modals instead of alerts, confirms, or prompts.
• The application should use client-side storage to save the user's search history.
• The application should have a polished UI.

🚀 INSTALLATION

For users, the project can be easily accessed by following the git clone process toward your local repository.

💬 CREDITS

We received guidance from the TAs and instructors in collaboration with this project.

• Breakdown of tasks and roles – design (Nadine, Marija, Jason), Javascript and APIs (Stivin, Prabu)
• Agile Development Hub - FlavorFusion

The tutorial materials and other resources provided for the enrolled students at the Skills Bootcamp in Front-End Development acted as sources for primary and secondary links for reference. I will be sure to list below more material used towards the Project.

Reference List:

• https://www.w3schools.com/
• https://stackoverflow.com/
• https://www.themealdb.com/
• https://developers.google.com/apis-explorer

​

📜 LICENSE

This repository is licensed under the MIT license.