{"componentChunkName":"component---src-pages-markdown-remark-frontmatter-slug-js","path":"/projects/weather-widget/","result":{"data":{"markdownRemark":{"html":"<p>Weather widget single page application I built to practice consuming third-party REST APIs.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 768px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/0e5b5c231decbe25acf7be4aec122f1a/41d3b/weather-widget.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 31.770833333333332%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAGCAIAAABM9SnKAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABNklEQVQY0zWPW0+DMABG+RXGRJDLNtpyGRQ2SilstDBGmUM3nIvRaLbE+OT/fzVuMTn5cr7HoyTLfhIsUMwBLidBCTAP6dqf1wBzgDmKBcAcRgLgEv47ioXl5ZvhU7FxGdJ1tTmKzXHRDBqksOjH7EEFRAXEcDMVEN25LlUh0RG9R/R2FJfyqNiY716/3s4/w/t3kDYG5lZ/Gj2ezUjoKM3qwfQYrXaWn6fiaTwtkrK3w9JPm+3hrHjJSoPES+pZ0RkO1b3CEs9mddC9XINpyKThZFHeGW4WZtLyc8zkeLpAMyH3H0qYSRuXMOL2pQrFAkbCma9QJP7urIIRR3FluOwOJBpMVUDuEb0xo2X7orB675MG5x1mXUDbkMkwazGTQSaDi0xpi1nnkcad11e8ZDUJltvD6RdeJU3wt1xW2gAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"demo\"\n        title=\"demo\"\n        src=\"/static/0e5b5c231decbe25acf7be4aec122f1a/e5715/weather-widget.png\"\n        srcset=\"/static/0e5b5c231decbe25acf7be4aec122f1a/8514f/weather-widget.png 192w,\n/static/0e5b5c231decbe25acf7be4aec122f1a/804b2/weather-widget.png 384w,\n/static/0e5b5c231decbe25acf7be4aec122f1a/e5715/weather-widget.png 768w,\n/static/0e5b5c231decbe25acf7be4aec122f1a/41d3b/weather-widget.png 774w\"\n        sizes=\"(max-width: 768px) 100vw, 768px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h3>Try it out (requires location access)</h3>\n<p><a href=\"https://simple-local-weather.herokuapp.com\" target=\"_blank\" rel=\"nofollow\">https://simple-local-weather.herokuapp.com</a></p>\n<h3>Tech Used</h3>\n<ul>\n<li><a href=\"https://reactjs.org/\" target=\"_blank\" rel=\"nofollow\">React</a> (JavaScript framework)</li>\n<li>HTML, CSS</li>\n<li><a href=\"https://darksky.net/\" target=\"_blank\" rel=\"nofollow\">Dark Sky Weather API</a></li>\n</ul>\n<h3>Source Code</h3>\n<p><a href=\"https://github.com/n-ulricksen/local-weather\" target=\"_blank\" rel=\"nofollow\">https://github.com/n-ulricksen/local-weather</a></p>","frontmatter":{"slug":"/projects/weather-widget","title":"Weather widget"}}},"pageContext":{"id":"fd2d8b58-0536-5616-be6b-ddf7a108749a","frontmatter__slug":"/projects/weather-widget","__params":{"frontmatter__slug":"projects"}}},"staticQueryHashes":[]}