{"componentChunkName":"component---src-templates-webapp-template-js","path":"/web-apps/cocktails/","result":{"data":{"wpgraphql":{"webapp":{"title":"Cocktails","content":"\n<p>After running out of ideas during the lockdowns, friends and family were asking for drink ideas, especially ones that made them feel that they were on vacation. With the Cocktails Drinks App, you can select a drink based on your favourite ingredient or have a drink randomly chosen for you, then follow the instructions and ingredients list to create it.</p>\n\n\n    <div class=\"grid md:grid-cols-3 gap-5\">\n        <div>\n            <a href=\"https://demos.sergiocutone.com/cocktails/\" target=\"_blank\">\n                <img src=\"https://ik.imagekit.io/qz3qzfnxt1i/cocktails_wc27MsYBz.png\" class=\"w-full\" />\n            </a>\n        </div>\n        <div class=\"md:col-span-2\">\n            <h2 class=\"mb-1\">Resources</h2>\n            <ul class=\"mb-5\">\n                <li><a href=\"https://demos.sergiocutone.com/cocktails/\" target=\"_blank\">Demo</a></li>\n                <li><a href=\"https://github.com/sergio-cutone/cocktails\" target=\"_blank\">Git</a></li>\n            </ul>\n            <h2 class=\"mb-1\">Built With</h2>\n            <img src=\"https://ik.imagekit.io/qz3qzfnxt1i/react_qL9pUNZpr.png\" class=\"w-10 md:w-16 inline\" alt=\"React\" title=\"React\" /><img src=\"https://ik.imagekit.io/qz3qzfnxt1i/axios_dnU5425uAC.png\" class=\"w-10 md:w-16 inline\" alt=\"Axios\" title=\"Axios\" /><img src=\"https://ik.imagekit.io/qz3qzfnxt1i/cocktaildb_QcWhdjLPs.png\" class=\"w-10 md:w-16 inline\" alt=\"The Cocktails DB\" title=\"The Cocktails DB\" /><img src=\"https://ik.imagekit.io/qz3qzfnxt1i/tailwindcss_S940ojp0BC.png\" class=\"w-10 md:w-16 inline\" alt=\"TailwindCSS\" title=\"TailwindCSS\" />        </div>\n    </div>\n\n","slug":"cocktails"}}},"pageContext":{"id":"cG9zdDoyMTQ="}},"staticQueryHashes":["4235326405"]}