{"componentChunkName":"component---src-templates-webapp-template-js","path":"/web-apps/pippy-pirates/","result":{"data":{"wpgraphql":{"webapp":{"title":"Pippy Pirates","content":"\n<p>To give React a good test, I decided to build a &#8220;simple&#8221; game based on the card game War. I&#8217;ve always been fascinated with dice, so I replaced the cards with dice and wrapped the game around a pirate theme. There are 10 pirate bosses to defeat and you must level up the pips on your dice if you have any chance of surviving the dicey seas!</p>\n\n\n    <div class=\"grid md:grid-cols-3 gap-5\">\n        <div>\n            <a href=\"https://games.sergiocutone.com/pippy-pirates/\" target=\"_blank\">\n                <img src=\"https://ik.imagekit.io/qz3qzfnxt1i/pippypirates_XKPAv1j8Q2.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://games.sergiocutone.com/pippy-pirates/\" target=\"_blank\">Demo</a></li>\n                <li><a href=\"https://github.com/sergio-cutone/pippy-pirates\" 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/tailwindcss_S940ojp0BC.png\" class=\"w-10 md:w-16 inline\" alt=\"TailwindCSS\" title=\"TailwindCSS\" /><img src=\"https://ik.imagekit.io/qz3qzfnxt1i/firebase_FJ_1K1i4W.png\" class=\"w-10 md:w-16 inline\" alt=\"FireBase\" title=\"FireBase\" /><img src=\"https://ik.imagekit.io/qz3qzfnxt1i/sound_edSmuZciH.png\" class=\"w-10 md:w-16 inline\" alt=\"Sound\" title=\"Sound\" />        </div>\n    </div>\n\n","slug":"pippy-pirates"}}},"pageContext":{"id":"cG9zdDoxODI="}},"staticQueryHashes":["4235326405"]}