https://github.com/apurificato/wine-and-dine
Front-End Website application built using HTML, CSS, CSS Bulma Framework, JavaScript, and various web API's so that site user's can find recipes and drink pairings.
https://github.com/apurificato/wine-and-dine
api bulma-css-framework css html javascript
Last synced: 2 months ago
JSON representation
Front-End Website application built using HTML, CSS, CSS Bulma Framework, JavaScript, and various web API's so that site user's can find recipes and drink pairings.
- Host: GitHub
- URL: https://github.com/apurificato/wine-and-dine
- Owner: apurificato
- License: mit
- Created: 2024-04-02T14:22:36.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-05T14:52:23.000Z (about 1 year ago)
- Last Synced: 2024-10-15T05:23:30.777Z (8 months ago)
- Topics: api, bulma-css-framework, css, html, javascript
- Language: HTML
- Homepage: https://apurificato.github.io/Wine-and-Dine/
- Size: 4.23 MB
- Stars: 1
- Watchers: 1
- Forks: 3
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Wine & Dine Web Application
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.
# Project Structure
- 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)
- 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)
# Tools and Technologies Used in This 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)
# How to Use
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
# Contributors
- Wesley Abreu
- Vinny Galante
- Mirsad Abedinoski
- Anthony Purificato
# Credits
Bulma CSS Framework
Rutgers Coding Bootcamp: Provided resources and support for this project.
# License
Website is available for public use, hosted on Github servers, utilizing an MIT License - see the LICENSE file for details.