{
    "componentChunkName": "component---src-templates-page-template-js",
    "path": "/projects/ip-tracker",
    "result": {"data":{"markdownRemark":{"html":"<h3>Overview</h3>\n<p>The challenge consisted of three external API's usage, state management, responsive layout all wrapped in a single-page React App.\nThe project was a solution to <a href=\"https://www.frontendmentor.io/challenges/ip-address-tracker-I8-0yYAH0\" target=\"_blank\" rel=\"noopener\"><span>IP-Tracker challenge.</span></a></p>\n<h3>The challenge</h3>\n<p>User stories that needed to be fulfilled:</p>\n<ul>\n<li>-View the optimal layout for the site depending on their device's screen size</li>\n<li>-See hover states for all interactive elements on the page</li>\n<li>-See their own IP Address on the map on the initial page load</li>\n<li>-Search for any IP addresses or domains and see the key information and location</li>\n</ul>","frontmatter":{"listName":"🎯 /IP Tracker","nameOfClass":"projects-items","popupGithubLink":"https://github.com/Kielx/ip-tracker","popupImageAlt":"IP Tracker screenshot","popupImageSrc":"ip-tracker.webp","popupLiveLink":"https://ip-tracker.pantak.net/","techIcons":["react","html5","css3","tailwindcss"],"title":"IP Tracker","video":"/IP-tracker-view.mp4"}}},"pageContext":{"slug":"projects/ip-tracker"}},
    "staticQueryHashes": ["4202924991"]}