Welcome to the Wine & Dine web application. This project is aimed at providing users with a platform to discover new recipe ideas with wine pairing suggestions. The application works through offering generated recommendations and recipes based off of user input data containing ingredients and an option to select a wine or cocktail.
- assets/:
- ./css/ (folder containing CSS file)
- styles.css (file of custom CSS styles for all of the webpages)
- ./images/ (folder containing all of the images used in the website)
- ./js/ (folder containing all the Javascript files)
- form.js (javascript file for Spoontacular and Cocktails DB API's functionality)
- modal.js (javascript file takes the input information from modal)
- output.js (javascript file outputs recipe and cocktail information on the front end of the website, on the recipe page)
- script.js (javascript file for API functionality as well)
- ./css/ (folder containing CSS file)
- about.html (about page)
- index.html (main page of website)
- recipe.html (blank/landing page to insert the results that get outputted from the APIs)
- LICENSE (license for using the application, public use MIT license)
- README.md (Information file, providing information about the project)
- HTML, CSS, and Javascript coding languages
- VS Code platform used to code and build pages
- Bulma CSS Framework - Utilized for styling the website (bulma.io)
- Web API's:
- Spoontacular (spoontacular.com)
- Cocktails DB (thecocktailsdb.com)
- Github (website hosted and deployed on Github servers)
Upon accessing the website, click the "Find a Recipe and Drink Pair" button, which will pull up a modal pop up. This modal contains input fields and radio fields to select
- Wesley Abreu
- Vinny Galante
- Mirsad Abedinoski
- Anthony Purificato
Bulma CSS Framework Rutgers Coding Bootcamp: Provided resources and support for this project.
Website is available for public use, hosted on Github servers, utilizing an MIT License - see the LICENSE file for details.