{"componentChunkName":"component---src-templates-project-js","path":"/projects/currency-converter","result":{"data":{"site":{"siteMetadata":{"title":"itsHally"}},"markdownRemark":{"html":"<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/b91243c6a54fac8759efd1968355c352/cb9f4/currencyconverter.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: 50.67567567567568%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB3klEQVQoz23Q23LSUBiG4dygB16Kd+A16JHdoS21tlYLHQsqA7VIpdpAbaEVCmEXCLtE2QgUkvC6EmmFjgfPrPX/k++bNZGWEhb3LQur57CStFmSTZ6div2p7e6XkzP/yTmk1XSXO6kunsse769/4g2ecXChEa0OiBQ6hHIGkWKHsPLL9anUY/Oqy4rIrM11SM+zLW55Mi028jqRbI2HDx7xxLPHhfGbr2qbAzmFP57E9yXB0XWZRL3Ddq7NWuZf3iGtF1QcG86pVPAWq4TLNR4/3WL9Y4x4SydWb3GkanzI5gnlC2JuEtOa7IhvXyiz7Iy0qeZYUMlxqFVI9HROjCaf6xVRUBbFKvG2RqxRE7sq0brKa1XBW1nMS68aaW5tOWc9zTe9gtwWpUZZlGkEFJ1AweCw2kDWS8iGSlLwNX7wsp5ivkPaMRIs0GXkTpHWTQ993KcxGpIX/zGn96kNRu6uLVz1avj0M7YNeSEvvekdM2+3e8z3fh5zMgFrCtMpU2sijBEDU1vsbFCGGvvdE3bv5aW9UYQFwwjnwwwD8TLTNDEtC8uyXc7972yhjFTeDaK8HYXxzeWlfSvAPL8Z4GJ8yfBGFE5MbNt2Cxzu3RanKC+MSwQnIfxuLniX/wPu9Lw5Sv75NQAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"screenshot\"\n        title=\"screenshot\"\n        src=\"/static/b91243c6a54fac8759efd1968355c352/fcda8/currencyconverter.png\"\n        srcset=\"/static/b91243c6a54fac8759efd1968355c352/12f09/currencyconverter.png 148w,\n/static/b91243c6a54fac8759efd1968355c352/e4a3f/currencyconverter.png 295w,\n/static/b91243c6a54fac8759efd1968355c352/fcda8/currencyconverter.png 590w,\n/static/b91243c6a54fac8759efd1968355c352/efc66/currencyconverter.png 885w,\n/static/b91243c6a54fac8759efd1968355c352/c83ae/currencyconverter.png 1180w,\n/static/b91243c6a54fac8759efd1968355c352/cb9f4/currencyconverter.png 1903w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<h1>Currency Converter</h1>\n<p><a href=\"https://app.netlify.com/sites/currencyxchange/deploys\"><img src=\"https://api.netlify.com/api/v1/badges/8391edfe-45be-4fb2-bdfe-dc794e4585d3/deploy-status\" alt=\"Netlify Status\"></a></p>\n<img alt=\"GitHub\" src=\"https://img.shields.io/github/license/itshally/currencyxchange?style=for-the-badge\">\n<img alt=\"GitHub top language\" src=\"https://img.shields.io/github/languages/top/itshally/currencyxchange?style=for-the-badge\">\n<p>This project simply converts foreign currencies. Since I'm only using the <strong>Free</strong> API's version, it has a limit of 100 HTTP requests per hour.</p>\n<h2>Tools &#x26; Technologies</h2>\n<ul>\n<li>ReactJS</li>\n<li>Material-UI</li>\n<li>Axios</li>\n<li>dotenv</li>\n<li>Material-Table</li>\n<li>MomentJS</li>\n<li>Redux</li>\n<li><a href=\"https://free.currencyconverterapi.com/\">The Free Currency Conver API</a></li>\n</ul>\n<h2>Installation</h2>\n<p>To clone this project to your device, type the <code>code</code> below to your git bash:</p>\n<pre><code>git clone https://github.com/itshally/currencyxchange.git\n</code></pre>\n<p>After cloning the repo, make sure to install all the dependencies before running it locally.</p>\n<pre><code>cd currencyxchange\n\nnpm i\n</code></pre>\n<h3>Note:</h3>\n<p>You must add a <code>.env</code> file at the <strong>root</strong> folder of the repository, and type the following:</p>\n<pre><code>REACT_APP_API_KEY=[insert your api key]\n</code></pre>\n<p>Once the intallation of the dependencies are done and you got your API key, you can run it now to your machine.</p>\n<pre><code>npm start\n</code></pre>\n<p>In order for you to get your free API key, you must check their\n<a href=\"https://free.currencyconverterapi.com/\">website here</a></p>\n<p>Simply enter your email address and they will send you your own API key.</p>\n<h4>This is the currencyconverterapi's website</h4>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/bf2c186ae49e5845b0f9cb5fde9b2ca6/cb9f4/api_page.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: 50.67567567567568%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABZ0lEQVQoz12RXU/CMBSG9+e9NN4ofkSDMWoiQzN0P8HIghrvlBFM1FC6Yb/btUNFPK440TdvmrPufXZOu6CNBy3Ub40eYA3R/cXdcXyzH/X2ottmdNM8S3ba3e3Tyu3uVvjUCyePYZa2gMKDYP728WnLWeHmbjqVeu34ZOXgsBGdN3b31pv7jU5nI44343j9Il6NOi9oPH+bQb6yC2xZKmOEUqowgpCrbu8yuR6jHB2FWXjOieTTGXfvcjoDK2shDMlvGxOUZWmt1WYhahTRMhcs15Jq5QpjKztbVLbFkgJXyZNa62yMMoQwGk0w5pTBQEIIKSU08Em7xP+H03E+yMgrF5QxSikhhHMOMETdj2p+AUPl+T4mac6wUPT7GpTH/Fu3pD8wfMx3fp5QzCSYa+NP6PdhrSev+aB+8CFlC260UFIruE6TpmmSJMPhEIZnjC3zUP/C0AXgUYaf4EdRAnU9cK1/zb8AlgEhZWkJHlgAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"currencyconverterapi website\"\n        title=\"currencyconverterapi website\"\n        src=\"/static/bf2c186ae49e5845b0f9cb5fde9b2ca6/fcda8/api_page.png\"\n        srcset=\"/static/bf2c186ae49e5845b0f9cb5fde9b2ca6/12f09/api_page.png 148w,\n/static/bf2c186ae49e5845b0f9cb5fde9b2ca6/e4a3f/api_page.png 295w,\n/static/bf2c186ae49e5845b0f9cb5fde9b2ca6/fcda8/api_page.png 590w,\n/static/bf2c186ae49e5845b0f9cb5fde9b2ca6/efc66/api_page.png 885w,\n/static/bf2c186ae49e5845b0f9cb5fde9b2ca6/c83ae/api_page.png 1180w,\n/static/bf2c186ae49e5845b0f9cb5fde9b2ca6/cb9f4/api_page.png 1903w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<h4>Email form for you to get your API key</h4>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/034b0da21eac6818df71e12035b9ac79/36bb5/email_form.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: 68.24324324324324%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB30lEQVQ4y42T2ZLTMBBF/f+fAMWSkCHzIzwDRRXFkIRJ4i1jx7IlecmGL90dy6PMvPBw3drqqPuqHdR1DWstWopZbfBV5/hlCnyjyOJ5WGucDwd0XYcDRVbbtjLn2DSNiFmBA3JUZYllEuF3GuMxueqB5uunFNnuCWmaiowxAmUgy8E4BgwTIE2KokAchtjFCcUI0XaLeBsipXlI66zNZiPn/MzceMzQz7KlG8/nM3oAfd/j76De0+VykTNODHTQ5wwHqNZaNp1Xfmld1+J4IB/FyyOOx6t8PwMHGx+HFnnMPjGc1+QxSLbp8OV7hnxv6FwzZuZgHG+ADOENpRTiOBa/8jyXsk6nE7Sx+PFzQcBCynOZO7Bk6DITDeBmuM2Vyw/W0ZqpKhT7jC4srn4P53wFfNPoIWVodYWyVJIljy2VXRuNotLISJV59tu98E2G/JFNOpSrEg9hgkdqmTW1yyJKsSL9iXeIcoVlprBT1U1XuNZxugKlVIvS1ghL+mNKjT3B14VGpAwizT1GZTe1XOx3xisg182b7NdyucC7t28w+zTFdDLB3XSCGWny4T2SJIGr5mXvvgLyIsfVaoWPBJrf3+PzfI75oNnsTn65/waOPg6t8NJoV4X/A/hjH/oPDXUmR+In1vkAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"email form\"\n        title=\"email form\"\n        src=\"/static/034b0da21eac6818df71e12035b9ac79/fcda8/email_form.png\"\n        srcset=\"/static/034b0da21eac6818df71e12035b9ac79/12f09/email_form.png 148w,\n/static/034b0da21eac6818df71e12035b9ac79/e4a3f/email_form.png 295w,\n/static/034b0da21eac6818df71e12035b9ac79/fcda8/email_form.png 590w,\n/static/034b0da21eac6818df71e12035b9ac79/36bb5/email_form.png 611w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<h2>Screenshots</h2>\n<ul>\n<li>\n<h4>Home Page</h4>\n<span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/beb185cc111a4d3808d9028c71b3f62b/cb9f4/home_page.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: 50.67567567567568%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB3klEQVQoz23Q23LSUBiG4dygB16Kd+A16JHdoS21tlYLHQsqA7VIpdpAbaEVCmEXCLtE2QgUkvC6EmmFjgfPrPX/k++bNZGWEhb3LQur57CStFmSTZ6div2p7e6XkzP/yTmk1XSXO6kunsse769/4g2ecXChEa0OiBQ6hHIGkWKHsPLL9anUY/Oqy4rIrM11SM+zLW55Mi028jqRbI2HDx7xxLPHhfGbr2qbAzmFP57E9yXB0XWZRL3Ddq7NWuZf3iGtF1QcG86pVPAWq4TLNR4/3WL9Y4x4SydWb3GkanzI5gnlC2JuEtOa7IhvXyiz7Iy0qeZYUMlxqFVI9HROjCaf6xVRUBbFKvG2RqxRE7sq0brKa1XBW1nMS68aaW5tOWc9zTe9gtwWpUZZlGkEFJ1AweCw2kDWS8iGSlLwNX7wsp5ivkPaMRIs0GXkTpHWTQ993KcxGpIX/zGn96kNRu6uLVz1avj0M7YNeSEvvekdM2+3e8z3fh5zMgFrCtMpU2sijBEDU1vsbFCGGvvdE3bv5aW9UYQFwwjnwwwD8TLTNDEtC8uyXc7972yhjFTeDaK8HYXxzeWlfSvAPL8Z4GJ8yfBGFE5MbNt2Cxzu3RanKC+MSwQnIfxuLniX/wPu9Lw5Sv75NQAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"home page\"\n        title=\"home page\"\n        src=\"/static/beb185cc111a4d3808d9028c71b3f62b/fcda8/home_page.png\"\n        srcset=\"/static/beb185cc111a4d3808d9028c71b3f62b/12f09/home_page.png 148w,\n/static/beb185cc111a4d3808d9028c71b3f62b/e4a3f/home_page.png 295w,\n/static/beb185cc111a4d3808d9028c71b3f62b/fcda8/home_page.png 590w,\n/static/beb185cc111a4d3808d9028c71b3f62b/efc66/home_page.png 885w,\n/static/beb185cc111a4d3808d9028c71b3f62b/c83ae/home_page.png 1180w,\n/static/beb185cc111a4d3808d9028c71b3f62b/cb9f4/home_page.png 1903w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></li>\n<li>\n<h4>List of All Countries Page</h4>\n<span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/c612da004c0f6e4a1c79ee8096bca853/cb9f4/list_of_countries_page.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: 50.67567567567568%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABo0lEQVQoz4XOb0/aUBQG8Pv9v4BT5zRTnNtwoyZs0WxCSdBV+8dQ2IBCgRanK5RyO1EW0Went7Shb7YXvzz3nNvnpmxDW+BfNvUnrKvPwqb+jP99z7bqHBkmx8ulrXqIdcPHmubhhTCifZjex99ksZ2Wh1TTwy7lXjuWIzuNIV7VBsK26WTuosz0CXttu4jsRtl1cOx4qAwnKLu+INNZvg6ECol2X/tenM4IOdFb9gnLuRYEx8L+0EK++ROFHyGOrBmk9m/kzRGkVjTfoUCZN8ciPzQCSBbHgdPBXvIGYQe3dQg3cZaum9BHfRjBkLjQxgPoExdXNCs3HVTdJgyaDd+F6jt4f9vAm+QNwt75GlbJ3nfovg1j2he0iQ096OGKD3A57kD51Y7vaKcGNg7HOt76atpnh2EViTw5mzRg8h7M0CY91HiX2KjRrPtt+uNWPE+7MHgHBX4ueskb7OPDKVZ9mZ2jPLtAaaakyg+XkEl0Pr2LlZYp3ZcyfXa0+IRV0mMR1bkCZa7h21yF8kdDhZ9BnlbFOdolio8nkBZF6n1O+38BcZix2OouLOMAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"list of all countries page\"\n        title=\"list of all countries page\"\n        src=\"/static/c612da004c0f6e4a1c79ee8096bca853/fcda8/list_of_countries_page.png\"\n        srcset=\"/static/c612da004c0f6e4a1c79ee8096bca853/12f09/list_of_countries_page.png 148w,\n/static/c612da004c0f6e4a1c79ee8096bca853/e4a3f/list_of_countries_page.png 295w,\n/static/c612da004c0f6e4a1c79ee8096bca853/fcda8/list_of_countries_page.png 590w,\n/static/c612da004c0f6e4a1c79ee8096bca853/efc66/list_of_countries_page.png 885w,\n/static/c612da004c0f6e4a1c79ee8096bca853/c83ae/list_of_countries_page.png 1180w,\n/static/c612da004c0f6e4a1c79ee8096bca853/cb9f4/list_of_countries_page.png 1903w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></li>\n</ul>\n<h2>License</h2>\n<p>Distributed under the\n<a href=\"https://github.com/itshally/currencyxchange/blob/master/LICENSE\">MIT License</a></p>","id":"90f66cb1-3e66-52b0-8296-37f0cf6b803d","frontmatter":{"title":"Online Currency Converter","description":"An online currency converter that calculates live currency or foreign rates.","preview":"https://currencyxchange.netlify.app/","tools":["ReactJS","Redux","Material-UI","MomentJS","API"],"sourceCode":"https://github.com/itshally/currencyxchange","keyWords":"currency, currency converter, converter, foreign rates","image":{"childImageSharp":{"fixed":{"src":"/static/b91243c6a54fac8759efd1968355c352/986a3/currencyconverter.png"}}}}}},"pageContext":{"id":"90f66cb1-3e66-52b0-8296-37f0cf6b803d","previousPostId":"aa3a59e5-2400-5512-9cb9-8f36b457830f","nextPostId":"51c002de-2ba3-52b9-87b6-633f2e7e16c6"}},"staticQueryHashes":["143701507"]}