{"componentChunkName":"component---src-templates-webapp-template-js","path":"/web-apps/f1/","result":{"data":{"wpgraphql":{"webapp":{"title":"F1 Companion App","content":"\n<p>I find most of the sports apps out there a bit cumbersome and bloated with information that I don&#8217;t need. For Formula 1, I just want the info that I want, so I found an F1 API and built an app to deliver me the Schedule, Drivers, Standings, Constructor Standings and I added a Pit-Stop Challenge game for fun. </p>\n\n\n    <div class=\"grid md:grid-cols-3 gap-5\">\n        <div>\n            <a href=\"https://demos.sergiocutone.com/f1/\" target=\"_blank\">\n                <img src=\"https://ik.imagekit.io/qz3qzfnxt1i/f1_HYKl_Ewe8m.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/f1/\" target=\"_blank\">Demo</a></li>\n                <li><a href=\"https://github.com/sergio-cutone/f1\" 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/python_yhJXvrExr.png\" class=\"w-10 md:w-16 inline\" alt=\"Python\" title=\"Python\" /><img src=\"https://ik.imagekit.io/qz3qzfnxt1i/postgresql_-PFDCtUXQ.png\" class=\"w-10 md:w-16 inline\" alt=\"PostgreSQL\" title=\"PostgreSQL\" /><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":"f1"}}},"pageContext":{"id":"cG9zdDoxODQ="}},"staticQueryHashes":["4235326405"]}