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.
The following image shows the web application's appearance and functionality:
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.
- 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.
For users, the project can be easily accessed by following the git clone process toward your local repository.
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
This repository is licensed under the MIT license.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent