{"componentChunkName":"component---src-templates-project-js","path":"/projects/top-movies-today","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/04a4c13238eaddc57191f039e2b50056/cb9f4/topmoviestoday.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,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABvklEQVQoz4WRSW8TQRCFB8vL9Hh6lh57umfxEtsZBccmQmaPgCBFSLkgIXGMlBNcECf+vz7KC2ApLIen7qrq96rqtdc8XDGZnTKazilH0x2qyYz6gGp8ssOv2iH+U3773mt3unR7PYFPz1f05PQ8j1arhXMF1lry3OKKkqIUyKmUot3u0BHujuP7e2y5/VAT9EOBRgV9wiTlyZsrVs9eYEdjXD3COkucGhKTkZUViS2oZwvK8XjH2fP38I4DX7qlMs3tt698vLtlsb5g8/IVzXJJVVkRqBlKk9g6itmcvK7xVXBfUP0UlKJOEi7fX3P57jXT5pTJoqESsqsK8tIRDQcYlwsc/Tj+24T75G5lrTE2F68sZpDR7nZ50OkQCjmMYgKppwPDQIR1FP1b0JdiGoc8PW/YbB5T5hnLZsb6bMHIDdGBQvW6xKHCJBEmjX+vfBD2jgMVyF1+6/OnD3z/csfqbM7N9Vuunl+wbqboviIS2FRTSwOT6P8LbglZPed89YiTMqXMIibW0Ewd1TAh7fewJmRSDki0Olr5SFAFRx6G27U1sXxOZlKZKiDWeytyE2PFP5cPKMSOYZbe8/AHPM34MgupZCAAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"screenshot\"\n        title=\"screenshot\"\n        src=\"/static/04a4c13238eaddc57191f039e2b50056/fcda8/topmoviestoday.png\"\n        srcset=\"/static/04a4c13238eaddc57191f039e2b50056/12f09/topmoviestoday.png 148w,\n/static/04a4c13238eaddc57191f039e2b50056/e4a3f/topmoviestoday.png 295w,\n/static/04a4c13238eaddc57191f039e2b50056/fcda8/topmoviestoday.png 590w,\n/static/04a4c13238eaddc57191f039e2b50056/efc66/topmoviestoday.png 885w,\n/static/04a4c13238eaddc57191f039e2b50056/c83ae/topmoviestoday.png 1180w,\n/static/04a4c13238eaddc57191f039e2b50056/cb9f4/topmoviestoday.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>Top Movies Today</h1>\n<p><a href=\"https://app.netlify.com/sites/topmoviestoday/deploys\"><img src=\"https://api.netlify.com/api/v1/badges/69c42268-976f-43ed-bf4c-717a837e8a12/deploy-status\" alt=\"Netlify Status\"></a></p>\n<img alt=\"GitHub\" src=\"https://img.shields.io/github/license/itshally/movie-app?style=for-the-badge\">\n<img alt=\"GitHub top language\" src=\"https://img.shields.io/github/languages/top/itshally/movie-app?style=for-the-badge\">\n<p>Top Movies Today (TMT) is a movie app I designed and developed to practice more of my frontend skills using ReactJS and Material-UI. It simply displays the <strong>top trending movies</strong> of today's date. Aside from that, it also displays the movie's basic information like its plot, released date, rating, genre, quote, and even it's trailer video.</p>\n<h2>Tools &#x26; Technologies</h2>\n<ul>\n<li>ReactJS</li>\n<li>Axios</li>\n<li>MomentJS</li>\n<li>SASS</li>\n<li><a href=\"https://www.themoviedb.org/documentation/api\">TMDB API</a></li>\n<li>Material-UI</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/movie-app.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 movie-app\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>For this project, I'm using the <strong>themoviedb</strong>'s API.</p>\n<p>In order for you to get your free API key, you have to register\n<a href=\"https://www.themoviedb.org/signup\">here</a>.</p>\n<h4>This is the Register Page:</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/10f715d087651813802d1bc83b8faaeb/cb9f4/signup_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,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAByklEQVQoz6WRy2pTURSGNxTTgSON1oEXWqFWsEKNsVUKBnVUKiid+QA+gBNBioMW64XWQb0SHTTa9CIFG6mQUh059wWcCF4SlBKb9uRcknPO59r75FDjTFzw8e+911o/i7XVxONZJp7Mclt0ePIlJ+4tkLmVY/T+M25OZRmdzDL2YIax6W3GH+a48zTP1PNF7mYXTH/so/gjpr84XPm4zvVPFlt2jYbrEAY+/xLK930aQhCE1Leq1NZ/gmvjeh4128Gr1/H9wNTExD2NRpPmm0aFYYhGR3Vzk6/fvvNro4rjuMYszv9NoAkCQ9yvtcXQsizK5TK2beOLWV3wvLoxNipTR2fPTGWMg7DVMB5dJyqVCqVSyTR8+GHxeUP26Lk4bhNnW6NV+C2r0LR8ivwAjm3xP6HmllfRzBdWebG0wsxigfnlIksra7x6+57866Lki0bzWqU2Zq6wFvFG886gVPI4anevcCxij9zbu1C9g6iBS7R1nkEdSLOzJ4M62E9791naDktuf7/U9qE6UsJJ1L60cAqV6M6QkCKNLlaHTjNw+So3HuUYuTZO1+AIe1NDdIom+4boSF9kl2gyNcyOI+dI9JwXLpA4GvEb1KiC5ZXbbFsAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"signup page\"\n        title=\"signup page\"\n        src=\"/static/10f715d087651813802d1bc83b8faaeb/fcda8/signup_page.png\"\n        srcset=\"/static/10f715d087651813802d1bc83b8faaeb/12f09/signup_page.png 148w,\n/static/10f715d087651813802d1bc83b8faaeb/e4a3f/signup_page.png 295w,\n/static/10f715d087651813802d1bc83b8faaeb/fcda8/signup_page.png 590w,\n/static/10f715d087651813802d1bc83b8faaeb/efc66/signup_page.png 885w,\n/static/10f715d087651813802d1bc83b8faaeb/c83ae/signup_page.png 1180w,\n/static/10f715d087651813802d1bc83b8faaeb/cb9f4/signup_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>After creating an account, go to your profile's settings:</h4>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 506px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/b3d257895b4fc886e90138e895c47b78/29f4e/settings_img.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: 100%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAACXBIWXMAAA7DAAAOwwHHb6hkAAACi0lEQVQ4y6WRy08TURTGr5RCgdiE+AhVaktpoYgkgIpiqH1RENDEBEwkLoyuNBrjypWJceM/4MqliSvZmWg0wZjoQhMVaVAL4VHE2k5n5t7pvDplOg9vizalHaOJX36zmJvznXPud4HJE6xxB+q9w03dI3Xe8K7+0yZv2N470eYJdgUvOo+cBd6IqWe81h3AlRWAGvy5/Nb+CdvQVEP3SM/4pRrXyT7/tGPfwPCtB0fHr7R0hiy+C8DpM3WEKs3Wdn+929fmGHHYI42egKn1xL37D2devH70ZHb2+atnT18u9w6+uXzt+PRNYBuwdITq3AGMuQhodg312UenWiadztBut7/RdmwuGhNZFF9dVvJ5XdflD3P645npG3fBnsM7O8MNnqDFE6wrArqdY2dsU3vb8anf6gnvaB18+3FB3twk0qQoiqqq5vMKbjF59TZoGbB0RcwdodrfgLED55u9o+aDw41dEZwZaPO9m/+CqyVJkmVZ0zR5U8a/567fAfsHmw6dwv4SYHExHl1a/by0tlAkurjKCyLHcRBClmWxWdMLWk+k5mMrpbItgF4lvCrP84qilE40rdRkm4CiqFUoCCHsLzcrBVVWGkzGVZlMBvtLw/84OZWG5SQJSpJyHMsiCHHmBadakLEZZbgyeMgJOVmWcpKYzfKCgB1aMQUsA3NFVtrGRj6ZpGMx6mtMiMdVglTWv+EbG09OU+gXNJNOkcT7T1IqzX9PoLW4QtMqw+SXV9TigxuYSZgpgyXXExJB8ImEkPihQqRCqHLcv629tbuuC7lctpjWX9KmYGYbNEPSDI1YDEkhikIpgiZppBsJ35mphiilQDPJNMQdjc36f6jinQ2ADMvyoqH5J8BeoHQlhDfCAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"settings location\"\n        title=\"settings location\"\n        src=\"/static/b3d257895b4fc886e90138e895c47b78/29f4e/settings_img.png\"\n        srcset=\"/static/b3d257895b4fc886e90138e895c47b78/12f09/settings_img.png 148w,\n/static/b3d257895b4fc886e90138e895c47b78/e4a3f/settings_img.png 295w,\n/static/b3d257895b4fc886e90138e895c47b78/29f4e/settings_img.png 506w\"\n        sizes=\"(max-width: 506px) 100vw, 506px\"\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>Then go to the API's tab to get your Free 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/63e05b9faca0d4c5c6ba93bb2ea74ade/cb9f4/api_section.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+mxAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABY0lEQVQoz2VQy0rDQBTtz4lf4WOhqVS0ts1CQRAhlerCb3DpVlyo1FYQK2ofuGltUVAoqG3TZDLPNK9xkjSNoYfD5d6ZezhnJiXllXROScvFvdWT/cVdaWFbyhxsbB1KWZ+ZHSVdKK4VlGzueDNfWhFr+dN1ubQkF5floxSPYJ+3baXGz9qGqiEAOPc87nrc40n8n1O24wg6rqtioFEo7tTxeKxpGBMLmzY2rYllRwg6J5QIxs4IQAKRMAO6TghhjFFKWQCTMZfZnuN6AWLnWEyw2BWNpmkQQiFxTHsudQJTsWdA8v1jIeSLRyNtOKAGNJFIQERQN4k5MUQmAHbo3HodXFyS2iNtd6iqUkIoxjEJmSVPzYcBGP8CoE9Mg1H2+cXeP1i/b3I+5b9nR+JwDqre6w2rd+r9A6k36UtjymbLZ73BOt3ZlyWdg2P61jWubuBtFZYrfvWbsK/A6zJ6enYj9R8XvB4i73zwxwAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"api section\"\n        title=\"api section\"\n        src=\"/static/63e05b9faca0d4c5c6ba93bb2ea74ade/fcda8/api_section.png\"\n        srcset=\"/static/63e05b9faca0d4c5c6ba93bb2ea74ade/12f09/api_section.png 148w,\n/static/63e05b9faca0d4c5c6ba93bb2ea74ade/e4a3f/api_section.png 295w,\n/static/63e05b9faca0d4c5c6ba93bb2ea74ade/fcda8/api_section.png 590w,\n/static/63e05b9faca0d4c5c6ba93bb2ea74ade/efc66/api_section.png 885w,\n/static/63e05b9faca0d4c5c6ba93bb2ea74ade/c83ae/api_section.png 1180w,\n/static/63e05b9faca0d4c5c6ba93bb2ea74ade/cb9f4/api_section.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<h2>Screenshots</h2>\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/f6d51fae3cd813af592144bc1e0b3e88/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: 404.05405405405406%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,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'); 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/f6d51fae3cd813af592144bc1e0b3e88/fcda8/home_page.png\"\n        srcset=\"/static/f6d51fae3cd813af592144bc1e0b3e88/12f09/home_page.png 148w,\n/static/f6d51fae3cd813af592144bc1e0b3e88/e4a3f/home_page.png 295w,\n/static/f6d51fae3cd813af592144bc1e0b3e88/fcda8/home_page.png 590w,\n/static/f6d51fae3cd813af592144bc1e0b3e88/efc66/home_page.png 885w,\n/static/f6d51fae3cd813af592144bc1e0b3e88/c83ae/home_page.png 1180w,\n/static/f6d51fae3cd813af592144bc1e0b3e88/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></p>\n<h2>License</h2>\n<p>Distributed under the\n<a href=\"https://github.com/itshally/movie-app/blob/master/LICENSE\">MIT License</a></p>","id":"af5c5105-b6a5-5102-b8f7-d641ab85ed02","frontmatter":{"title":"Top Movies Today","description":"Top Movies Today (TMT) is a movie app I designed and developed to practice more of my frontend skills using ReactJS and Material-UI.","preview":"https://topmoviestoday.netlify.app/","tools":["ReactJS","Material-UI","MomentJS","API"],"sourceCode":"https://github.com/itshally/movie-app","keyWords":"top movies, movies, trending movies","image":{"childImageSharp":{"fixed":{"src":"/static/04a4c13238eaddc57191f039e2b50056/986a3/topmoviestoday.png"}}}}}},"pageContext":{"id":"af5c5105-b6a5-5102-b8f7-d641ab85ed02","previousPostId":"312f72ad-4bb1-5743-90d5-7cf1dfc6b0cb","nextPostId":"cfc12042-d891-5bb1-b5a2-d98d7a6cbbdd"}},"staticQueryHashes":["143701507"]}