This is a application that displays a landing page which allows users to search of recipes or locations of bakeries. This application runs in the browser and features dynamically updated HTML and CSS that is powered by JavaScript code.
Many people around the world have a sweet tooth but sometimes can’t decide either baking at home or finding the nearest location. The website makes this an easier decision by allowing a customer to choose between the two. The website allows the user to browse for different recipes of delicious desserts, in which they can choose to prepare the dessert by themselves. Otherwise, the user has the option to find nearby bakeries around the location that the user choose.
As a dessert enthusiast,
I want to explore a delightful collection of dessert recipes along with suggested drink pairings,
with the option to locate nearby bakeries if I prefer not to bake myself.
Yusuf Rahman: Create landing page, website design and initial interaction for users by using HTML, CSS and JS to ensure great aesthetics and functionality.
Ali Halavurt: Create the recipe page and build functionalities, including the difficulty and individual recipe buttons with HTML, CSS and JS.
Kate Lee: Using the 'The Birthday Cake DB' API to populate the names and images of desserts using JS. Build functionality to make the displaying of recipes responsive to user's selection of difficulty and populate the recipe details and instructions when specific recipe is selected.
Ha Phan: Create the location page and build the location map. Build functionality to allow users to enter a location, display marker of user’s location on map, present potential destinations with names and addresses, and put markers on the map to mark the suggested locations.
Special thanks to our Instructor Junghoon Yoon for his time and efforts he provided throughout the completion of this project. Your useful advice and guidance were crucial for the completion of this project. Also special thanks to our Teaching Assistant team Jessica Song, Andy Fish and Chad Hinds who have provided support during this project.
Code is written to display the landing page where it either takes the user to the recipes page or the location page. The Recipes page will display all the cake recipes stored in the 'The Birthday Cake DB' API. The API can be be changed and updated depending on the purpose of use. Location page will display Google Maps using the 'Google Map Geocoding' & 'Mapbox Geocoding' API where the user can input a specific location and a list of available bakeries display on the browser.
URL to the deployed Application https://chae-lee.github.io/whisked-wonders/
