{"componentChunkName":"component---src-templates-project-js","path":"/projects/eat-da-burger","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/721db1f2e5268b436eca72b38269756c/29114/eat-da-burger-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: 50.67567567567568%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAw0lEQVQoz42RWRLEIAhEvf9dJ18uCBrGNmHKxCxDVVeMQvsQp3us69p1XtdaNYSg3vvT+VyHcKPh+EWIiIYYNaWkOWclor53BTAZjgellE4F5cydEgHjz7I043wgHGMiRDEKQQYqEGEPl6REGuNGW0pVZrkntE0YMPMvAWYipZ8bqeXb/6MhSCB7I6x5f7erIUwtW8JoCMKD4U485t7pMJQrglpba83033DW4p1AR23Sibitn3Mh99YC3i/QJmmTfcv/Al4pGHZ75fOyAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"screenshot\"\n        title=\"screenshot\"\n        src=\"/static/721db1f2e5268b436eca72b38269756c/fcda8/eat-da-burger-img.png\"\n        srcset=\"/static/721db1f2e5268b436eca72b38269756c/12f09/eat-da-burger-img.png 148w,\n/static/721db1f2e5268b436eca72b38269756c/e4a3f/eat-da-burger-img.png 295w,\n/static/721db1f2e5268b436eca72b38269756c/fcda8/eat-da-burger-img.png 590w,\n/static/721db1f2e5268b436eca72b38269756c/efc66/eat-da-burger-img.png 885w,\n/static/721db1f2e5268b436eca72b38269756c/c83ae/eat-da-burger-img.png 1180w,\n/static/721db1f2e5268b436eca72b38269756c/29114/eat-da-burger-img.png 1920w\"\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<img alt=\"GitHub\" src=\"https://img.shields.io/github/license/itshally/burger?style=for-the-badge\">\n<img alt=\"GitHub top language\" src=\"https://img.shields.io/github/languages/top/itshally/burger?style=for-the-badge\">\n<h1>Eat da Burger</h1>\n<p>It's an app of a burger logger with MySQL, Node, Express, Handlebars and a homemade ORM (yum!). Following the MVC design pattern; using Node and MySQL to query and route data in the app, and Handlebars to generate the HTML.</p>\n<h2>Tools &#x26; Technologies:</h2>\n<ul>\n<li>JavaScript</li>\n<li>dotenv</li>\n<li>Express</li>\n<li>Express-handlebars</li>\n<li>mySQL</li>\n<li>handlebars</li>\n<li>jQuery</li>\n<li>NodeJS</li>\n<li>Bootstrap</li>\n<li>Google Fonts</li>\n<li>Fontawesome</li>\n<li>Heroku</li>\n<li>MySQL Workbench</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/burger.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 burger\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>MYSQL_USER_PASSWORD=[insert your password here]\n</code></pre>\n<p>For this project, I'm using MySQL Workbench as my database visual tool.</p>\n<p>You can check it\n<a href=\"https://www.mysql.com/products/workbench/\">here</a></p>\n<ul>\n<li>In your MySQL Workbench, open and execute all of the statements in the <strong>schema.sql</strong> file first before the <strong>seeds.sql</strong>* file. These files are in the <strong>db</strong> folder.</li>\n<li>Make sure that in your <strong>Users and Privileges</strong> <em>(you can find it under that <strong>Management</strong> of your left sidebar)</em>, the user account that you are using for this app <strong>has an access rights to the schema</strong>. Mine is <code>user</code> as my user account for my MySQL.</li>\n<li>Afterwards, try to modify the lines 9-20 if there are some changes needed:\n<pre><code class=\"language-javascript\">//connecting..\nif(process.env.JAWSDB_URL){\n\tconnection  = mysql.createConnection(process.env.JAWSDB_URL)\n}else{\n\tconnection  =  mysql.createConnection({\n\t\thost:  'localhost',\n\t\tuser:  'user', //this is your mysql user account\n\t\tport:  '3306',\n\t\tpassword : process.env.MYSQL_USER_PASSWORD,\n\t\tdatabase:  'burgers_db'\n\t});\n}\n</code></pre>\n</li>\n</ul>\n<h2>Screenshot</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/721db1f2e5268b436eca72b38269756c/29114/eat-da-burger-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: 50.67567567567568%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAw0lEQVQoz42RWRLEIAhEvf9dJ18uCBrGNmHKxCxDVVeMQvsQp3us69p1XtdaNYSg3vvT+VyHcKPh+EWIiIYYNaWkOWclor53BTAZjgellE4F5cydEgHjz7I043wgHGMiRDEKQQYqEGEPl6REGuNGW0pVZrkntE0YMPMvAWYipZ8bqeXb/6MhSCB7I6x5f7erIUwtW8JoCMKD4U485t7pMJQrglpba83033DW4p1AR23Sibitn3Mh99YC3i/QJmmTfcv/Al4pGHZ75fOyAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"eat da burger page\"\n        title=\"eat da burger page\"\n        src=\"/static/721db1f2e5268b436eca72b38269756c/fcda8/eat-da-burger-img.png\"\n        srcset=\"/static/721db1f2e5268b436eca72b38269756c/12f09/eat-da-burger-img.png 148w,\n/static/721db1f2e5268b436eca72b38269756c/e4a3f/eat-da-burger-img.png 295w,\n/static/721db1f2e5268b436eca72b38269756c/fcda8/eat-da-burger-img.png 590w,\n/static/721db1f2e5268b436eca72b38269756c/efc66/eat-da-burger-img.png 885w,\n/static/721db1f2e5268b436eca72b38269756c/c83ae/eat-da-burger-img.png 1180w,\n/static/721db1f2e5268b436eca72b38269756c/29114/eat-da-burger-img.png 1920w\"\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/burger/blob/master/LICENSE\">MIT License</a></p>","id":"fa2e7fdf-3191-5ba2-8978-cde597988601","frontmatter":{"title":"Eat da Burger","description":"It's an app of a burger logger with MySQL, Node, Express, Handlebars and a homemade ORM (yum!). Following the MVC design pattern; using Node and MySQL to query and route data in the app, and Handlebars to generate the HTML.","preview":"https://secure-sea-93461.herokuapp.com","tools":["MySQL","Nodejs","Express","Handlebars"],"sourceCode":"https://github.com/itshally/burger","keyWords":"burger app, handlebars, orm, mvc example","image":{"childImageSharp":{"fixed":{"src":"/static/721db1f2e5268b436eca72b38269756c/986a3/eat-da-burger-img.png"}}}}}},"pageContext":{"id":"fa2e7fdf-3191-5ba2-8978-cde597988601","previousPostId":"5ee41371-39e6-5803-873a-2aa88f11feb3","nextPostId":"b32bec29-0c48-53a3-9f2a-4362123bfb54"}},"staticQueryHashes":["143701507"]}