{"id":20760692,"url":"https://github.com/dracula27/drinkdeck","last_synced_at":"2026-04-21T11:37:09.516Z","repository":{"id":238896975,"uuid":"797488724","full_name":"DrAcula27/drinkDeck","owner":"DrAcula27","description":"A simple app to search for and display drink recipes.","archived":false,"fork":false,"pushed_at":"2024-05-28T21:34:35.000Z","size":463,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-12-25T23:37:06.826Z","etag":null,"topics":["100devs","api","carousel","css","css-flexbox","css3","html","html-css","html-css-javascript","html-css-js","html5","html5-css3","javascript","javascript-es6","javascript-vanilla","js"],"latest_commit_sha":null,"homepage":"https://dracula27.github.io/drinkDeck/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DrAcula27.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-05-08T00:01:26.000Z","updated_at":"2024-06-12T04:19:15.000Z","dependencies_parsed_at":"2025-01-18T05:26:29.395Z","dependency_job_id":"5a2ee700-6415-4f80-84ce-037425401b77","html_url":"https://github.com/DrAcula27/drinkDeck","commit_stats":null,"previous_names":["dracula27/drinkdeck"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/DrAcula27/drinkDeck","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DrAcula27%2FdrinkDeck","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DrAcula27%2FdrinkDeck/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DrAcula27%2FdrinkDeck/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DrAcula27%2FdrinkDeck/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DrAcula27","download_url":"https://codeload.github.com/DrAcula27/drinkDeck/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DrAcula27%2FdrinkDeck/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32090519,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-21T11:25:29.218Z","status":"ssl_error","status_checked_at":"2026-04-21T11:25:28.499Z","response_time":128,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["100devs","api","carousel","css","css-flexbox","css3","html","html-css","html-css-javascript","html-css-js","html5","html5-css3","javascript","javascript-es6","javascript-vanilla","js"],"created_at":"2024-11-17T10:14:55.841Z","updated_at":"2026-04-21T11:37:09.482Z","avatar_url":"https://github.com/DrAcula27.png","language":"JavaScript","readme":"\u003c!-- Improved compatibility of back to top link: See: https://github.com/othneildrew/Best-README-Template/pull/73 --\u003e\n\n\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003c!-- PROJECT LOGO --\u003e\n\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://dracula27.github.io/drinkDeck/\"\u003e\n    \u003cimg src=\"./img/android-chrome-192x192.png\" alt=\"Logo\" width=\"80\" /\u003e\n  \u003c/a\u003e\n\n  \u003ch3 align=\"center\"\u003eDrink Deck\u003c/h3\u003e\n\n  \u003cp align=\"center\"\u003e\n    Search for a drink and flip through a carousel of options!\n    \u003cbr /\u003e\n    \u003ca href=\"https://dracula27.github.io/drinkDeck/\"\u003eView Demo\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\u003cdetails\u003e\n  \u003csummary\u003eTable of Contents\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\n      \u003ca href=\"#about-the-project\"\u003eAbout The Project\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#built-with\"\u003eBuilt With\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#usage\"\u003eUsage\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#optimizations\"\u003eOptimizations\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#lessons-learned\"\u003eLessons Learned\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contact\"\u003eContact\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#acknowledgments\"\u003eAcknowledgments\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n\u003c!-- ABOUT THE PROJECT --\u003e\n\n## About The Project\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://dracula27.github.io/drinkDeck/\"\u003e\n      \u003cimg src='./img/screenshot.PNG' alt='Drink Deck Screen Shot' /\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\nEver wanted to know that recipe for a certain drink?\n\nWith this app, you can search for a drink by name (or partial name) and view all the options via a carousel of options.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### Built With\n\n- [![HTML5](https://camo.githubusercontent.com/47e36c9392fe351ab98a0324ca2cb710782731d5a56f71ffe7c68130a1ddc34f/68747470733a2f2f696d672e736869656c64732e696f2f7374617469632f76313f6c6162656c3d253743266d6573736167653d48544d4c3526636f6c6f723d323335353566267374796c653d706c6173746963266c6f676f3d68746d6c35)](https://html.spec.whatwg.org/)\n- [![CSS3](https://camo.githubusercontent.com/de7f9b7e6e26494153157774db679bba3320e333f8279e98986893d490293732/68747470733a2f2f696d672e736869656c64732e696f2f7374617469632f76313f6c6162656c3d253743266d6573736167653d4353533326636f6c6f723d323835663635267374796c653d706c6173746963266c6f676f3d63737333)](https://www.w3.org/Style/CSS/#specs)\n- [![JavaScript](https://camo.githubusercontent.com/201c697f87bb2a25af48ccc954f0a3c27409421b3e887b7b8e486222e6c1c6b8/68747470733a2f2f696d672e736869656c64732e696f2f7374617469632f76313f6c6162656c3d253743266d6573736167653d4a41564153435249505426636f6c6f723d336337663564267374796c653d706c6173746963266c6f676f3d6a617661736372697074)](https://tc39.es/ecma262/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- USAGE --\u003e\n\n## Usage\n\nType the name, or partial name, of a drink for which you need the recipe and either type the `Enter` key or click the `Show Drink Options` button to display the drink options.\n\n- If only one drink is found, the carousel controls will not display.\n- If multiple recipes are found for that drink, the carousel controls will be displayed, and you can pause, restart, or use the arrow keys to skip ahead or go back within the carousel.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- OPTIMIZATIONS --\u003e\n\n## Optimizations\n\nThis project can be improved by:\n\n- [ ] Refactoring the code to account for errors fetching data,\n- [ ] Displaying the carousel items that are before and after the current drink to more clearly show the user that multiple drinks were returned,\n- [ ] Improving the playing of the carousel to better handle when users search for drinks more than once.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LESSONS LEARNED --\u003e\n\n## Lessons Learned\n\n- **API Integration.** When getting the data from TheCocktailDB, I learned how to use `fetch` to get `JSON` data from an external source.\n- **Data Manipulation.** Once I had the data from TheCocktailDB's API, I learned how to transform that data into a format I needed for the project.\n- **Advanced Interactivity.** Building a carousel was much more intense than I originally thought it would be!\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTACT --\u003e\n\n## Contact\n\nDanielle Andrews - [@DrAcula_codes](https://twitter.com/DrAcula_codes 'Twitter/X') - [daniellerandrews](https://www.linkedin.com/in/daniellerandrews 'LinkedIn') - danielle.andrews.dev@icloud.com\n\nProject Link: [https://github.com/DrAcula27/drinkDeck](https://github.com/DrAcula27/drinkDeck)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGMENTS --\u003e\n\n## Acknowledgments\n\nA special thanks to these resources used in the project!\n\n- [TheCocktailDB](https://www.thecocktaildb.com/)\n- [GitHub Pages](https://pages.github.com)\n- [Font Awesome](https://fontawesome.com)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdracula27%2Fdrinkdeck","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdracula27%2Fdrinkdeck","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdracula27%2Fdrinkdeck/lists"}