{"componentChunkName":"component---src-templates-project-js","path":"/projects/train-scheduler","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/eaba7d19d729dc749fe32a46b8c2f7b4/29114/train-scheduler-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,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAACX0lEQVQoz6WS204TURSGpwiUYun5TMdOj9MDpdMWSpUWmJ4MpMIFCUJioo/hpUJPqA/nhTcm3hqMEBCEQon6uZFH8OKbtZK18u9//r2ly9tbLgSn3485PTnh69ERJ2dnDG9uuLwZ8XM04uIXnF+PGP75zfHHT3z7/IUfYn5+NeRKzIfX11wKroZDpL26zouVxyxnUtRLC7wuzNNQ42hzGfR8ntVcnkpzm41yhdV8Dj03TzuZoJlKogsaBY1CUSOvqmTTKaSy382G7CNmt2CQJDYjMmmnjUmDgSUlxJzXTdbroqo8wjFlJGiZYbtUoJbLsl4qokUUJINEWk0QlANIgWiEcDxGtbpMNpOkWtNxB2XGjZOUKxVcoTBOJUZSK/DQbsfmcLC7u0ejvcXzl69YrdeEoDh8pYrL70cKOmzYzGY0j5N8wIvmc6LYzJiNE8wFPCSjCopwV4yHiQR9+JxWVI8NzeugJJznfG6mTFMosz6mp01IDrcduxCVPS78bgcpYdsr+lk5SF2vsVar09B1WmsrLCyKXxQ5LhZyhEIyIVnGKlyPiSiMIoq7KsWSEVKpGFtrS2TVMLtb68SzGUwzZlrP2rhDUSyeII/iCSYtFkKRCJvrTZabTTZ3dkhpWaQHY4TTYm6eFoKJMBkh2KgsEFVmabd05FgUo8lEvljAI/K0B2Rm3B7hwoJVZPhE3Kq2VKbSekokpTIhdlXxOkxWC5I0JomPYHL8vv4vvQ/v6RwO6PT7dAXvBn0Gh4d0BgMOen32u13e7B/wttP919/tdAf3+wfdHp07ej3Rd0Xt8hfkYF2JCJBrOwAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"screenshot\"\n        title=\"screenshot\"\n        src=\"/static/eaba7d19d729dc749fe32a46b8c2f7b4/fcda8/train-scheduler-img.png\"\n        srcset=\"/static/eaba7d19d729dc749fe32a46b8c2f7b4/12f09/train-scheduler-img.png 148w,\n/static/eaba7d19d729dc749fe32a46b8c2f7b4/e4a3f/train-scheduler-img.png 295w,\n/static/eaba7d19d729dc749fe32a46b8c2f7b4/fcda8/train-scheduler-img.png 590w,\n/static/eaba7d19d729dc749fe32a46b8c2f7b4/efc66/train-scheduler-img.png 885w,\n/static/eaba7d19d729dc749fe32a46b8c2f7b4/c83ae/train-scheduler-img.png 1180w,\n/static/eaba7d19d729dc749fe32a46b8c2f7b4/29114/train-scheduler-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<h1>Train Scheduler</h1>\n<img alt=\"GitHub\" src=\"https://img.shields.io/github/license/itshally/Train-Scheduler-Basic?style=for-the-badge\">\n<img alt=\"GitHub top language\" src=\"https://img.shields.io/github/languages/top/itshally/Train-Scheduler-Basic?style=for-the-badge\">\n<p>A train schedule application that incorporates Firebase to host arrival and departure data. This app will retrieve and manipulate this information with Moment.js. It will also provide up-to-date information about various trains, namely their arrival times and how many minutes remain until they arrive at their station.</p>\n<h2>Tools &#x26; Technologies</h2>\n<ul>\n<li>Bootstrap</li>\n<li>Google Fonts</li>\n<li>Fontawesome</li>\n<li>JavaScript</li>\n<li>jQuery</li>\n<li>MomentJS</li>\n<li>Firebase</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/Train-Scheduler-Basic.git\n</code></pre>\n<p>Then in the path <code>assets/javascript/main.js</code>, make sure to configure the lines 2-10 with your own <strong>Firebase SDK Snippet</strong>.</p>\n<pre><code class=\"language-javascript\">var  firebaseConfig  =  {\n\t\n\t/**\n\t* This part is auto filled\n\t* It includes apiKey, authDomain, databaseURL, projectId, storageBucket,\n\t* messagingSenderId, and appId\n\t**/\n\t\n};\n</code></pre>\n<h4>NOTE:</h4>\n<p>You can find it under your project's <strong>settings</strong> of your app on your Firebase account.</p>\n<p>In order to find and do that...</p>\n<ul>\n<li>Login to your Firebase account</li>\n</ul>\n<p><a href=\"https://firebase.google.com/docs?authuser=0\">here</a></p>\n<ul>\n<li>\n<p>Click the <strong>Console</strong> button at the top-right corner.\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/c92f15c5e0d0070a72254bd83cbef6a2/cb9f4/firebase_home.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+mxAAAACXBIWXMAAA7DAAAOwwHHb6hkAAACOElEQVQozyXOX0hTURwH8NOLjz1FT70UIVEPuYlk+hBUm5MCLSKICJVKEyXLh8CK/iBKq1U0l1qSPklQ0t3c7upFl2ZCBBUZaKi5ze1u95x77jnn3nO9cyvWvRM+/Pjx4/uFH2iISo0fkFtE7gjyiNAVlutEWBeB9VHF8x67o4pNtKdLREdCsick9fuEs2M/T44vgWvztOsz6fxEWmfUtlm1dQZf/mjPSzF8MaY0TytN00pzTGmJ4ZYpdGFOvzUyOz4cvjKvtc8RUBuCNZYgOiRAS7Vg7bajEWQ5JlrvKFbGcjhoB6oEWCGyrQsAgZRtIAkG4rZAHAwlwGBi23Bi93h63+t02cskGEzax+cJ4N9ixdZtzomscyLjFLBj0nBM8hK9Isgqw3rHl3z313xtlB8MEmeYOiLMEbY5Q2qplQWYMmwW1W9v6VANHa23jZ1QhW402CA9dUn+evjsOH5zm/h7iLeDPO5Sve3quxHMc5jqgDJK/xbZlI93AC2wV3+4x7gB2JNK3FZG7u6kffvVFkD63VpTtXa9mt0/rZ0pZ486aa5AtVKZFIra/LDZt11/UWX4K0zfLm20kd4rZw8OMG8V7dlBh87zm+f4nVN6b5Nx1aW/6qXmpl1mus74BlEgTS39k37k099NuLqhpDIri9nlXzy5UJAWcjiN4kkeX95MLG6srxhIZtxgOrfKXOOGjPDKWlJVZCRniGZs5vOqvI5gFiqqaTAzZ/5eXYNQKqh/EMwQ3dBK5f8TJ5vCAS143AAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"console button\"\n        title=\"console button\"\n        src=\"/static/c92f15c5e0d0070a72254bd83cbef6a2/fcda8/firebase_home.png\"\n        srcset=\"/static/c92f15c5e0d0070a72254bd83cbef6a2/12f09/firebase_home.png 148w,\n/static/c92f15c5e0d0070a72254bd83cbef6a2/e4a3f/firebase_home.png 295w,\n/static/c92f15c5e0d0070a72254bd83cbef6a2/fcda8/firebase_home.png 590w,\n/static/c92f15c5e0d0070a72254bd83cbef6a2/efc66/firebase_home.png 885w,\n/static/c92f15c5e0d0070a72254bd83cbef6a2/c83ae/firebase_home.png 1180w,\n/static/c92f15c5e0d0070a72254bd83cbef6a2/cb9f4/firebase_home.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</li>\n<li>\n<p>Go to your project's dashboard.\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/22eb15fb6e21069b6f615bb02b025aa9/ace37/firebase_project.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: 43.91891891891892%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAIAAAC9o5sfAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABhklEQVQoz22Q2U7CQBSG+w4k6o16ZbwQl7gkmr6QIZAYBS+MLEFiNEbDjV74Bnqlj0EQsBpAWdoKhLZTltId6HScWsAlnvw5mfnP+WbODOENA28ErMfBUgQsR8FqDMwfClN7/Mw+PxVseQ5Ez0HrX00HAbESdZithIj5jTjYPBEXjoTZID8X4td8r6T/mQy8kH6KDFA47/hyWNu+HLn7tOgvEWnG/GgPS/ygAoZlYVARBjQY1iVYqMqRizTNtho0V2d4rAYriJwkNLtyR0ml6v5oimirFkLIttEk3LXaVc9v81xHYpkyzVbfS8V6o4Z9CJ0yPjqWzBItZQRjs63Cb1jSEteUgQ0bWhbEpuu7cLHaO77MjGGE9L4t9KA5GM2A4dMbykRu0Z3InsBvdC9ylSFEeQTLhs1JEOcR3NXCyWcHtiFy7/0StJzp8mUpdJYhZOPvm90we9rDY0GxbAdGP3/EaW1yyv0dRei64Uoby9mafV2SjGxGYVi1ymg0+0tsTc8XDYr6BFRdwgwYDcSXAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"project dashboard button\"\n        title=\"project dashboard button\"\n        src=\"/static/22eb15fb6e21069b6f615bb02b025aa9/fcda8/firebase_project.png\"\n        srcset=\"/static/22eb15fb6e21069b6f615bb02b025aa9/12f09/firebase_project.png 148w,\n/static/22eb15fb6e21069b6f615bb02b025aa9/e4a3f/firebase_project.png 295w,\n/static/22eb15fb6e21069b6f615bb02b025aa9/fcda8/firebase_project.png 590w,\n/static/22eb15fb6e21069b6f615bb02b025aa9/ace37/firebase_project.png 666w\"\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>Note:</h4>\n<ul>\n<li>If you don't have an existing project, please do create one. Simply click the <strong>Add project</strong>.</li>\n<li>Then, name your project. I named mine as <strong>\"sample\"</strong>.</li>\n</ul>\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/f081f5b1c83cf044cf7a13810df1f135/98b29/create_new_project.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: 87.83783783783784%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAACXBIWXMAAAsTAAALEwEAmpwYAAABgUlEQVQ4y61Uu07DMBTNJzKysiAhsSJGPoGBhQkhxAQDM/9A6buh9KVCkyLaJI3zch7twQ5y+ghNmorhxL7W9fG55zqWXM9HFhyXIi9nFRLfYDseLNtNQCwnHvm6IN2VOCYkxMZkqsf4nmgxppoBY0aKE+5S8irybJBEIvXDBB4N4AdRPOejAF/PUyqJE987PXR7A7TkNvqDIcqVWhw3W2+oVOtoNGUo6ld8SKZC/uHm1xsymozspVRG6bWCaq0BjfnIveTe8tFkXq/bsFWhh8+PIcbqCKqioNPtxwSrNggrNtVtxknJHcWGPHKhGBGi+YJtDlMNEaqympQQtlUP1aGL7tiFaXmYWRSmnQ37L0Lhg0UIZrrO7iRhnork/LuXKvmXkAIRxSL0MA/YfOGz2F8raRtSCj3qwyAURzcaDq81nNzpOLia4uLJQBgU+0uWhMyvswcDp/c6zh8NHN9quHw2Efh7EIpkIEih6Euz1mViL8E7aDm08MOw0+Owl8L/xA+x5mdvMl1zLAAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"create new project\"\n        title=\"create new project\"\n        src=\"/static/f081f5b1c83cf044cf7a13810df1f135/fcda8/create_new_project.png\"\n        srcset=\"/static/f081f5b1c83cf044cf7a13810df1f135/12f09/create_new_project.png 148w,\n/static/f081f5b1c83cf044cf7a13810df1f135/e4a3f/create_new_project.png 295w,\n/static/f081f5b1c83cf044cf7a13810df1f135/fcda8/create_new_project.png 590w,\n/static/f081f5b1c83cf044cf7a13810df1f135/efc66/create_new_project.png 885w,\n/static/f081f5b1c83cf044cf7a13810df1f135/98b29/create_new_project.png 937w\"\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<ul>\n<li>Step 2 will ask you if you would like to enable <strong>Google Analytics</strong>. In this case, I disabled it.</li>\n</ul>\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/b0f12f50bbc5cb852bfaf0075b7a01c7/d6b80/disabled_google_analytics.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: 59.45945945945946%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAABPElEQVQoz5WRXU7DMBCEe0rEjTgCHIMHLgFSoUKi8AC0CS3Nb/NjO7GTVkNmaasIFRoexmvZ3vG3uyNTWRSlxjorDlK6QlU78I7ifqhG+6S+fpr9x3jEJS8UVkGIIIxF6TpH025R2+bPj44aMmkVRHiYPOJp+ozx/aSLL3ifzRHFKVyzEeO92SBC9m35GQgd42K5gucvZB9GiRgP7asQJmmG2dzH3PvYRR9etyc5RWO2YZAhF/5OSk67n8TPrGulbMbBJZfKCAnLy/JSjLWpD3RJupbB9QdzgrCWPtGwT0nzpCs1zUp5o4camqpGvDNkP6lSaSm5bRpg22njsGlPT/qb0FihIBH7yRaormRrHfyoxu2rwd2bwXRRydlJwkJblMZ1j5vDha6cUF2PFc4uE5xfpbi4yeWMAL8ZfgGqvZjEL86oqwAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"disabled google analytics\"\n        title=\"disabled google analytics\"\n        src=\"/static/b0f12f50bbc5cb852bfaf0075b7a01c7/fcda8/disabled_google_analytics.png\"\n        srcset=\"/static/b0f12f50bbc5cb852bfaf0075b7a01c7/12f09/disabled_google_analytics.png 148w,\n/static/b0f12f50bbc5cb852bfaf0075b7a01c7/e4a3f/disabled_google_analytics.png 295w,\n/static/b0f12f50bbc5cb852bfaf0075b7a01c7/fcda8/disabled_google_analytics.png 590w,\n/static/b0f12f50bbc5cb852bfaf0075b7a01c7/efc66/disabled_google_analytics.png 885w,\n/static/b0f12f50bbc5cb852bfaf0075b7a01c7/c83ae/disabled_google_analytics.png 1180w,\n/static/b0f12f50bbc5cb852bfaf0075b7a01c7/d6b80/disabled_google_analytics.png 1393w\"\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<ul>\n<li>It will load for a while and will notify you when it's ready.</li>\n</ul>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 483px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/bf32aa7345473a53ecb8f13002f7f361/77a9e/project_loading.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: 108.78378378378379%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAACXBIWXMAAAsTAAALEwEAmpwYAAABuUlEQVQ4y71VTUvDQBDtz/HszZPgxZM/xx/gQfCif0LwKngTLyKIQkVEhKpoqq3W0qZpsrvZr3w8J1FrSLVNi3gYdjcz++a92Z1NTSqDv7Tab45Q6tFYtKKvEmB548dcT/BVABxt+PpeAC3HVJI8CqSRhwpMWDAegovwM4n+VfZEyVxIMgEbdmDjBEIlOfB8kkMJFkZIpAM01gB+jVT28ySCWFeWXGQnpAGMj/jlCGl9HThcAeUA52J2wJwhSYx7t5A7C0hfz4lhZz6G3ywVOGOIBw6SFBA6nb2G5WDGJdpvAzy32vD9YCLYGOBIbqmWjtPEw6ODgAkobSde7trUdqO1sTFMlIz5fqrjjzXUxCIyERStlbJ0wU1u2VyTGfKrKociKCAlNvXOK/YaN2gPfTSHLlqBS2MfD14PzsDDdbeLDtUzA58qOQvqMY4nbwifrs5VK8DJvY/jOx/1ZgCP2q8bMAypttUlE6jVEawxWN12sbjRx9Kmi+UtFx4zVA5b7R4WC53JV9rg4JJj95Rh74xh/4LTY5Ed1AyHUk6AlNoPlszk85kf2LFuIUbs03J2U17t2r/9U+a1d2AjoCUlSEiyAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"project loading\"\n        title=\"project loading\"\n        src=\"/static/bf32aa7345473a53ecb8f13002f7f361/77a9e/project_loading.png\"\n        srcset=\"/static/bf32aa7345473a53ecb8f13002f7f361/12f09/project_loading.png 148w,\n/static/bf32aa7345473a53ecb8f13002f7f361/e4a3f/project_loading.png 295w,\n/static/bf32aa7345473a53ecb8f13002f7f361/77a9e/project_loading.png 483w\"\n        sizes=\"(max-width: 483px) 100vw, 483px\"\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<ul>\n<li>Click <strong>Continue</strong>.</li>\n<li>It will bring you to its dashboard.</li>\n<li>Click the <strong>code</strong> icon.</li>\n</ul>\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/72b48d0276ba2cc149c9e139eb259eec/cb9f4/sample_dashboard.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+mxAAAACXBIWXMAAA7DAAAOwwHHb6hkAAACbUlEQVQozwFiAp39ABYuQg4kORU7ZSB26Rtz6BNv50GL63yv8XSr73Kt8Wyv93at8H2x8ICx8n2w8oGy8kGK6xRv5x116Cp75QAcNU8WLEAfRHAfd+sZc+gWcecvgOtGi+gvhOk/fNZ5aaQtj+4whuQwguMyg+c1g+skeekYcugac+gWcegAKkBYHjNHHkRvH3fqGXLoGnPoHXToHnfpH3TksTFWW1mmCYDzHHvlF3PlFHPrFnDnGHLoGnTpGnTpG3ToACE5URswRCBFcCF46xx16Rhx5zSD61KR6Vx8z3VjrCJx1ytqwTOH6CR45C5fth516Bx05xxx4xxx4xx05wAiOlIdMUYbQW4acucWbN8RbOQxg+1XhdxKcs4Ic/pFZImWh1k+f80nbNNMZZUTa98WbeIWZdUWZ9gWb+cAK0JZHjNHGD1mOYDiOX7dOX/hOobnQIzpQYnmPY3vvbFmkqKOLIj/VInNdZKsNoToOobuOYHjOYPmOYLmACc9VBUtRkNWa+Tr9ebu+ejx+dnW7cq548i85MG6493H4+LMzeLGr9/Iut3EtuPDruTd2+bx/ebt9+bt9wAoP1UXMElJWmz29/b39vn+//3Tp9uuR7qsZMOThMevXNTWbGjxZACTYTvNkkvxbAX0vJH4///49fX4+PkAGzJHByA3P1Jk9PX49PT4+v/+0azbokmzqV+7uKjNo1fHz2Rn7WIArGIuwXgy2FEA87mT9f//9fP19fb5AAwkOQAWLEBTZPT1+Pb2+fn//N3G472Gx7+Jyb6BxLmF0dqYkPSYQ/aTRPGQRO+HMPPNrvb///b19vb3+WY2UBi3IC/VAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"project&#39;s dashboard\"\n        title=\"project&#39;s dashboard\"\n        src=\"/static/72b48d0276ba2cc149c9e139eb259eec/fcda8/sample_dashboard.png\"\n        srcset=\"/static/72b48d0276ba2cc149c9e139eb259eec/12f09/sample_dashboard.png 148w,\n/static/72b48d0276ba2cc149c9e139eb259eec/e4a3f/sample_dashboard.png 295w,\n/static/72b48d0276ba2cc149c9e139eb259eec/fcda8/sample_dashboard.png 590w,\n/static/72b48d0276ba2cc149c9e139eb259eec/efc66/sample_dashboard.png 885w,\n/static/72b48d0276ba2cc149c9e139eb259eec/c83ae/sample_dashboard.png 1180w,\n/static/72b48d0276ba2cc149c9e139eb259eec/cb9f4/sample_dashboard.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<ul>\n<li>It will ask you to register your app.</li>\n</ul>\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/dc5558e3cf95f8c41b59c2bb363f5578/302a4/add_firebase_step1.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: 57.432432432432435%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA6UlEQVQoz52S226DMBBE+f9/rIAKGlANmBKDbzD1rktEQlJoH47AZj2e2SUxxsBai2ma8FGWSNOUKYoCZVhnWYY8z6G15rq1/hVJLDCh0OJLmbuD6+HH91OCOgi+Xa7I8ncIIe6EthyJJtZEdyRKKKU4/rIszDzPAY/Zu/MOb30McYdhQN/36LoOUsq4vurQjp9LbwYOBAnqX9u2qOsal6ripxCfqIREI9Wun88jb2I459gVOfTeM7TnHX2z7OzkUGJh0zQclRjHcTeY2OeDoWwFKS45JGgwZ4bwa+Q1JvEfsZ3Dv/5zz/gG2RZZxOADMDoAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"register firebase app\"\n        title=\"register firebase app\"\n        src=\"/static/dc5558e3cf95f8c41b59c2bb363f5578/fcda8/add_firebase_step1.png\"\n        srcset=\"/static/dc5558e3cf95f8c41b59c2bb363f5578/12f09/add_firebase_step1.png 148w,\n/static/dc5558e3cf95f8c41b59c2bb363f5578/e4a3f/add_firebase_step1.png 295w,\n/static/dc5558e3cf95f8c41b59c2bb363f5578/fcda8/add_firebase_step1.png 590w,\n/static/dc5558e3cf95f8c41b59c2bb363f5578/efc66/add_firebase_step1.png 885w,\n/static/dc5558e3cf95f8c41b59c2bb363f5578/302a4/add_firebase_step1.png 1080w\"\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<ul>\n<li>Make sure to check the checkbox before registering your app.</li>\n<li><img src=\"\" alt=\"checked box\"></li>\n</ul>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 502px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/4729bd82f266482c6266416dfbcefb3a/eea79/checked_box.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: 26.351351351351354%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAFCAYAAABFA8wzAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA20lEQVQY022Qa26FIBCF3f/GugJjGi21BUXbiwKKvJqcAjc0/ijJyQwzk28ezWUdXnqD78eGfd8hhMA0TZjnGcuygDGGdV2xbVvKPSCkwaoivlQA3z0u6xFCgPdP29gEbJkFZRPGcSzq+x5d12EYBrRtWyylFORtAPnkeKUS3YfA+3LAupBAPgGf0MY7ByBCKZUmlDjPE8dxQEpZZIwpyrGS0wrXqXBqieAuxBgL6G9Cl4Ax/oBzXtYkhBTVtbXWBZwbZj9vdH8h/AOsN6jB3LUq/++qdff6+w1/AT4VfhGHIz/wAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"checked checkbox\"\n        title=\"checked checkbox\"\n        src=\"/static/4729bd82f266482c6266416dfbcefb3a/eea79/checked_box.png\"\n        srcset=\"/static/4729bd82f266482c6266416dfbcefb3a/12f09/checked_box.png 148w,\n/static/4729bd82f266482c6266416dfbcefb3a/e4a3f/checked_box.png 295w,\n/static/4729bd82f266482c6266416dfbcefb3a/eea79/checked_box.png 502w\"\n        sizes=\"(max-width: 502px) 100vw, 502px\"\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<ul>\n<li>Then, it will give you an instruction for the Firebase SDK scripts.</li>\n</ul>\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/4258625c202594b6de6d1eeb71a8ab44/d74fe/firebase_next_step.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,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAACXBIWXMAAAsTAAALEwEAmpwYAAABhklEQVQ4y52TWXKDMBBEc/8D5Do5SMp4A6F9Acwed0aicFzeksrHq5GE1PRA620YBvR9DyEEiqIAYwxSykQcW2sxTRPivsg4ji95WzeGEOC9T8RxVVVwzqUaN/5ZcBzJ4TCiMD0dDsntPM/J1VpXsVsevSgJdv2IT9ZAcJ5aj6JRaN00RWh+zSr20OFADm1oYYyGVGppm1pNrdd1Io5DFdK6o+en0+mxw8tk6GC0hRUKhgsoVkKXHKqkMTlXTNBcwXIJQ2vB+deCXdeB0wGeFeDbPY7bLRjVPMsSRZbTvIRhHIa6iD/s+js+FDRSQ9NBvTlAbfbQuyNRJOwuhz0UMDk5lyrFaRV5KsjIITuUYHmO/YFcSoFcOcJDUYvSemiqUUxr/XvLPvifLFYNdBhgQk+1h/ILru4Rf+S1szvB8zyCUQ7fPxpU7YTz1xKLebpnIoarmNxG5xIb4ToI26Cum7vQvuLOYQo2CWa8gdXLHY6Zi+F+Ft4/Xb1ctyS03GNrHdq2/ZfgNx8UONQmInXMAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"sdk script\"\n        title=\"sdk script\"\n        src=\"/static/4258625c202594b6de6d1eeb71a8ab44/fcda8/firebase_next_step.png\"\n        srcset=\"/static/4258625c202594b6de6d1eeb71a8ab44/12f09/firebase_next_step.png 148w,\n/static/4258625c202594b6de6d1eeb71a8ab44/e4a3f/firebase_next_step.png 295w,\n/static/4258625c202594b6de6d1eeb71a8ab44/fcda8/firebase_next_step.png 590w,\n/static/4258625c202594b6de6d1eeb71a8ab44/efc66/firebase_next_step.png 885w,\n/static/4258625c202594b6de6d1eeb71a8ab44/d74fe/firebase_next_step.png 1164w\"\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<ul>\n<li>Install and deploy the firebase hosting. Then click the <strong>Continue to console</strong>.</li>\n</ul>\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/5346529ea7b2b19b2aea92bbd0f68389/f8915/continue_to_console.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: 106.08108108108108%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAIAAADJt1n/AAAACXBIWXMAAA7DAAAOwwHHb6hkAAACSUlEQVQ4y5VUu47TQBR1R8tfUFFR8is0FFQUNFDBV9AgtIBER4OEEBJiJehghYS0hUnIJrHjrOPHeB5+2zOOY3NsiyVZ7UbKKaJRfM895547tjZ25MwWggdcCKVUdQg0EinCkySOkiRZr9eHkaeetLxYcEoZo5QeJK6xRPEoz7IUylmWHab8x5GmE4WcEkIYY1LKA8giUSLO8zyLe2W4xuTqeuyQdVtOlpwFHoYOgsB1VoKztm03m01d15t/uDhvh6rFeRWwyHFWruutVrblctsThPgIj3PO+hSHM37RfTsXrW1q13XG47Gu64ZhuIQ7Hl0urTjuhgGSHmmaDoeyLP+Tq2qNR1AIKI2iqCwLWZaIDUUQQfXgGW7rHjsz4190dVy49leOK8JwEAEzDEOsYM/N0dAMFQvTtBYL27bBjHuACc+Q3bcqNEYplCHrel7QY8gGs+DRpT1tb6sjwyHKA9xPjluedEvPsqIooI4WTdPUu9ix7fu+aZrL5RJpz+dznGfTKSdBJssYk4sQ+sgSgwzjXIh3ZLQ3LgERMDr5/uNcH4kYrw3e1w5oIbbeXA1R5lk+jOr7BHXdbn0/+fwlunU7f/GyadtaqattY31Yju35tkdsn7gkoGnO790nN26eP3rquGFWqErJqwOrpErNMzb6FU5Ok7NTas5m74/5nbvRg4c8LZls8kJet2mtTcKfJ9arb9Hbr/zomH88EZX+W1FaNW1dyc1a7vm6gCw+fRg9fm0/e7N4cmQ9f2eWhlG1rSphtYLFPV+WvySbnqUCfO4lAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"continue to console\"\n        title=\"continue to console\"\n        src=\"/static/5346529ea7b2b19b2aea92bbd0f68389/fcda8/continue_to_console.png\"\n        srcset=\"/static/5346529ea7b2b19b2aea92bbd0f68389/12f09/continue_to_console.png 148w,\n/static/5346529ea7b2b19b2aea92bbd0f68389/e4a3f/continue_to_console.png 295w,\n/static/5346529ea7b2b19b2aea92bbd0f68389/fcda8/continue_to_console.png 590w,\n/static/5346529ea7b2b19b2aea92bbd0f68389/f8915/continue_to_console.png 748w\"\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</li>\n<li>\n<p>Click that <strong>1 app</strong> button.\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/b774ebe17461e5da45933e7f2c871fab/d7050/firebase_dasboard_0.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: 29.054054054054056%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAGCAIAAABM9SnKAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABVUlEQVQY02NQqnghU/xcIv+pYeOrmDnvI2e+i5r1Pnr2+xgwip3zPm4uCAEZSfPfW7e/Fi14Llf2UqnipW3LIwbJoufi5W+5i97bdryuXfexdM2nklUfile8L1jxEYgq1nysWvcJiMrXfKpe99G977VI/nPpkheSRS9ECl4yiJW8dk46lBq8UD/vmnH+ZZ2K+7Ilz0TznvDlPOfNfs6T9YwbCQmDdUoVg5B08QsGudJXOgV3jbOvmFQ9sql7qFf7QqfutX7DG82aV/JlrxTKX8uXv5Erf6MARkAR+dKXcMSgW/NWq/aDWu1H08b3ti3vrRvfmjW+BZImtW8Nql4ZVj83r3lqX/fIvPqhUeVjg5qXujXvgFogiMGq6aNN4wfj1i9xRQ9WJZ9YknRqct6ZBUVnlqVfW5oz8XqB5K48qwkFyduqwx+WqjRX9Bo0/7dpegfUBUQAY0nCuE6+ghAAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"app setting\"\n        title=\"app setting\"\n        src=\"/static/b774ebe17461e5da45933e7f2c871fab/fcda8/firebase_dasboard_0.png\"\n        srcset=\"/static/b774ebe17461e5da45933e7f2c871fab/12f09/firebase_dasboard_0.png 148w,\n/static/b774ebe17461e5da45933e7f2c871fab/e4a3f/firebase_dasboard_0.png 295w,\n/static/b774ebe17461e5da45933e7f2c871fab/fcda8/firebase_dasboard_0.png 590w,\n/static/b774ebe17461e5da45933e7f2c871fab/efc66/firebase_dasboard_0.png 885w,\n/static/b774ebe17461e5da45933e7f2c871fab/c83ae/firebase_dasboard_0.png 1180w,\n/static/b774ebe17461e5da45933e7f2c871fab/d7050/firebase_dasboard_0.png 1647w\"\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</li>\n<li>\n<p>Then, a small window will appear.</p>\n</li>\n<li>\n<p>Click the <strong>settings</strong> icon.\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/6757f0df7174b96fbe62b0fd518346d7/cb9f4/firebase_dashboard_1.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+mxAAAACXBIWXMAAA7DAAAOwwHHb6hkAAACbUlEQVQozwFiAp39ABYuQg4kORU6ZSF46Rx06BRv5z2J7HOq8Wqk8Gym8W6n8nar8n+x8n+x8n2w8oGy8kCK6xNv5x116Cp75QAcNU8WLEAfRHAfdusac+gUb+c/ietzqO9upfBjnetXkuY1g+oyg+o0guk0guk2g+kkeegYcugac+gXcegAKkBYHjNHIEVwJXrrI3fpD2vngrLw///18vX2///84d/qZFqqW1KpEnPwFnLsFnLtHHTqIXbpIHbpIXfpACE5URswRCJFcip68CZ27Rpw7GOY77bE76i876/A8KCz7UR42kN40UZ81kB41kF40jB35CN27yV27CV27QAiOlIZL0UtS3Bpn/VlmvJhovZ6eNyjVsSWZMuFds2dYtq2bXzabhKSbFa1iF7keSaSiZxdn/9nm+9lnPMALUNaFS5HRFdp+fj3+fj5///+1avaqkm0sGe+sbDNrFzL02dn8GAAmGE5yIxG4FsA972U+v//+vf1+vr5ACc9VBQtRUZYa/L09/T0+fj//de73q5pubFuvLZ5vqprxtF+d/F+HOl3IOFyH+RlA/DBnvX///T09fT2+QAoP1UXMElIWmz19fb29/r3+fnu6vbp4PTo4fHn2+/r4fn06On35tf56dr87Nvz49P07ur2+Pz29/j29/kAGzJHByA3QFJk9fb49vf49/b/7vbJp61+yc6b4eyj5/OLv8rAqrrsoK/cj5zYjJvZztTt/f379PX49vf5AAwkOQAWLEBTZPT1+Pb39vn5/97nnat4JLula8/ce87dHoaVfGC+5FJ+uC02nic6pKmw2P////P0+Pb3+fz5cfV0NBOZAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"setting icon\"\n        title=\"setting icon\"\n        src=\"/static/6757f0df7174b96fbe62b0fd518346d7/fcda8/firebase_dashboard_1.png\"\n        srcset=\"/static/6757f0df7174b96fbe62b0fd518346d7/12f09/firebase_dashboard_1.png 148w,\n/static/6757f0df7174b96fbe62b0fd518346d7/e4a3f/firebase_dashboard_1.png 295w,\n/static/6757f0df7174b96fbe62b0fd518346d7/fcda8/firebase_dashboard_1.png 590w,\n/static/6757f0df7174b96fbe62b0fd518346d7/efc66/firebase_dashboard_1.png 885w,\n/static/6757f0df7174b96fbe62b0fd518346d7/c83ae/firebase_dashboard_1.png 1180w,\n/static/6757f0df7174b96fbe62b0fd518346d7/cb9f4/firebase_dashboard_1.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</li>\n<li>\n<p>It will bring you to the <strong>Project setting</strong> page. Scroll down and go to the <strong>Your apps</strong> section.</p>\n</li>\n<li>\n<p>Click the <strong>Config</strong> radio button so you can get your <code>firebaseConfig</code> for your project.\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/bdce4df0770d1d986fe61ecac281cd68/cb9f4/firebase_sdk_snippet.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+mxAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABpElEQVQoz12Ry2/TQBDGfeOCQCoVFw5QUR6CwAEhChWFqrRBXICUgpA4IGgPcOihEvynVEjFTltBCMSuva/Z2VcSZu2GCEYje/fb+flbzyRzt9unrjx48mZbKV1xpQClQgCtNVKCNqQ0iRp7BeQMEQ0XIIRMLiw8O311ZX3rs/dBo6VUYCRYbRwaZ60d1uFDGI/Dbs8eDKIaK41LWiuvZ2+0n7/75JwHHVUhccAMhyC1A1Cevur9eBJ1mWlskouLnZlrq533BAeC6cAYG7zzLmZVlUII4kd1DEcjY13jEeH5xc6Z1trTtzvWetoTjHReB70459agr1ioWONsJxeM8OWljdmb7dVXH4FaYtwU9t4IWXz/wfp9tpfJtKvyHMvSSOrdBJ67GxtGsAL9H2yFSPfSL9nXb/1u9utwcJQzxqCs9N9/vnR/Y+b62qOXH/51thHm/DDN0oOs+3O/97tXFHlVFHBUTuFztx6fOH/n4fomGR/DRNdBvR4qGFMtV8hUUDQASWOcXvvk/L3kbGv5xRaNl6jjMdCzWRinScSYWE8+KhP4Dwk1/ncpSYsiAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"firebase sdk snippet\"\n        title=\"firebase sdk snippet\"\n        src=\"/static/bdce4df0770d1d986fe61ecac281cd68/fcda8/firebase_sdk_snippet.png\"\n        srcset=\"/static/bdce4df0770d1d986fe61ecac281cd68/12f09/firebase_sdk_snippet.png 148w,\n/static/bdce4df0770d1d986fe61ecac281cd68/e4a3f/firebase_sdk_snippet.png 295w,\n/static/bdce4df0770d1d986fe61ecac281cd68/fcda8/firebase_sdk_snippet.png 590w,\n/static/bdce4df0770d1d986fe61ecac281cd68/efc66/firebase_sdk_snippet.png 885w,\n/static/bdce4df0770d1d986fe61ecac281cd68/c83ae/firebase_sdk_snippet.png 1180w,\n/static/bdce4df0770d1d986fe61ecac281cd68/cb9f4/firebase_sdk_snippet.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</li>\n<li>\n<p>Then on the left sidebar of your project's firebase dashboard, click the <strong>Realtime Database</strong> tab.\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/8cc7cd9cee4b3a6af8c88d97b4959df2/cb9f4/realtime_database_tab.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+mxAAAACXBIWXMAAA7DAAAOwwHHb6hkAAACTElEQVQoz2OQNHDg03KU0bWzt7TTMLfTsbQHIwcg0rN20rdzNbB3A5KuQZG+kQm+kXFOASHeYcEO/iEuQeEMKiY+YgYenvqOESaWyhb2Wma2Fm6+HqHRnhGx7mGxBmDNQNInLDYoOjE8PikgPikqr8gtNNbQyZPByiZEx9DHwNRd185Zz9oRqDkpPLatrinIw88FqM3Rw8TJ09DB3TssJiQuJSopLSIlPSGv0M43xNIzgEHBwl/K2EfB1EPNyFxez0RBz9TY3M7aydPEyLJRRcfJ0FLFwkHD1NbS3dc9OMo7PN7WN8jY0dnI2V3X3p1BxSpQwsDTxD2yvW9iS/eE+vbu+ctXHT977sCJM4cPHzu0/+DuQ0f2Hzu97+jpwydPnzh3Yf7K9S3907qnzOyaPINB1zlKVNfdNSL739+///////fv3/9//0EICQDF/qKKQACDum2IiK6bW0TWx09fPn/9/uXLt+cfvzz/8Pn39x/3X72OnDnVs7utdNG82Zs3+vR1uXS1rDt18v+ffx+Air98Y9CwDxU38PSIyvn69du3H7++f/vx+vuvdz9/AQ2+/vqV+LQusVndG8+cunblmte6JToLp046exIo9enr92/ffzJIG7mzK5g7BKV8/fbj24+f37//fP3ly+vPn/7//nPn/TvpZXP5l832XbAwacZc+VULOedPnX310v+/MM08KpYMYjoOwSlfvv4A8oGaX3358urTh7+//7x586q/u3junK4zZ3Zeu3r44sV958/vfvHy8Y+ff0E2ff8JAJ8bRoWNr/4HAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"realtime database tab\"\n        title=\"realtime database tab\"\n        src=\"/static/8cc7cd9cee4b3a6af8c88d97b4959df2/fcda8/realtime_database_tab.png\"\n        srcset=\"/static/8cc7cd9cee4b3a6af8c88d97b4959df2/12f09/realtime_database_tab.png 148w,\n/static/8cc7cd9cee4b3a6af8c88d97b4959df2/e4a3f/realtime_database_tab.png 295w,\n/static/8cc7cd9cee4b3a6af8c88d97b4959df2/fcda8/realtime_database_tab.png 590w,\n/static/8cc7cd9cee4b3a6af8c88d97b4959df2/efc66/realtime_database_tab.png 885w,\n/static/8cc7cd9cee4b3a6af8c88d97b4959df2/c83ae/realtime_database_tab.png 1180w,\n/static/8cc7cd9cee4b3a6af8c88d97b4959df2/cb9f4/realtime_database_tab.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</li>\n<li>\n<p>By default, I will just click Next while setting this up.\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/24d956a11695d5a4f7a9b162fbf2238f/6c2de/setup_database.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: 43.24324324324324%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAYAAAAywQxIAAAACXBIWXMAAAsTAAALEwEAmpwYAAACTklEQVQoz43P20vTcRjH8V23qLvoooSculTamm6atjyk0yR0OhCLLiKtdCrY2UyIIZWa5UTN05aajjnQ6OC5hEpYpS7T+heiVU5Nm25q8u63FtFlX3jxfHng+3mer0giUxEkj0ayL5JQhRLlwTiUsXHsj45FIfD1QmQRSOWR7BXugeEyVOp4MrNzOJymJTk9mzRdDnFpmSRqjyGSyKMIkinZE5GESneZ3PJWTlxqJCQ5n8CEPIKTz/6++0g1QtUUIEnMIzS1EFWKEKQ5SoIQFp2YSlJ6FqJA+QGCwsIISClFcdONzOBi58U5thc72XH+G+KiL2wp9HH66Z2ICz8jLnETrKshRq1GfSSTyHgN8thDiIIVMewKCSfjdDntdi/GYRd1IwsCF/Wj8xhH/OqfL9Ew5lf/bJGmV+voDSZSM3Roj59ClZSONCoB0Y3bRq4ZKukfGIBNNz9X52FjGfAKPP9YF2z8qWv4jsMxSVuHBUtPL3cbWqioNiKy9PRx/4GVF+OvWfi+hPOri7n5RdyrXjzedVY8ayyveP76IXCv+gZsYn8zSbvw1mp7SLe1ly6BqL2rh6a2Tl6O2/nf4xsy/Qlsj4fRXynj3PUKau+10dFt8weahLUfPRnEMfORwYlpJqfeMTHlYHbmA2NvJ2gcGsQ8OoJxoJ8hu53307M0P51CXXqVbVkZiHVaim9VY7X2IfJ91xdqFkIbhE0NzR20mDppMXdiEfpnKqvZmnuS3fp8AooKqG02UdfYSqvZjPRCCcerqlCVlZJXcweb8OVfC4bnPND3fREAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"setup database\"\n        title=\"setup database\"\n        src=\"/static/24d956a11695d5a4f7a9b162fbf2238f/fcda8/setup_database.png\"\n        srcset=\"/static/24d956a11695d5a4f7a9b162fbf2238f/12f09/setup_database.png 148w,\n/static/24d956a11695d5a4f7a9b162fbf2238f/e4a3f/setup_database.png 295w,\n/static/24d956a11695d5a4f7a9b162fbf2238f/fcda8/setup_database.png 590w,\n/static/24d956a11695d5a4f7a9b162fbf2238f/efc66/setup_database.png 885w,\n/static/24d956a11695d5a4f7a9b162fbf2238f/c83ae/setup_database.png 1180w,\n/static/24d956a11695d5a4f7a9b162fbf2238f/6c2de/setup_database.png 1334w\"\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</li>\n<li>\n<p>Click <strong>Enable</strong> to start in <strong>locked mode</strong>.\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/93a3d3b1084269685d716b132b004c8a/d3f96/security_rules.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: 54.72972972972974%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAACwElEQVQoz02Q3UuTURjA3z8h6ErDVHSktWwmpS3Ni76kIBACLyqCLspuSiuWRQUlBRUVWDnTlvlVK4ugLqKbrqLYLJOy1MrN3Lf7ere926tt9Ou8bwYd+PGc5zmH33meI5WsWU+poKSimtK1dRjNW1lt3oJp4zZMtVuprN1G+bp6DFW1rKjaJKijTORFFTXUNTSy92ALO3fvE+xhV9N+pBJTDaUrV1G84zRGywSVxx2UHx1h2SEnBc1OER3kH3SSf+h/RsgTtYLD7ylu/YahyYppvZm1GzcjlZo2YCgvo7jxGsZLOaovRSk7F8fULmO+nMB4XqboVJzCthiFpzTiLD8Z1SmwhMlrUzAefsnOxt2iy71IBlM1S5cbONl+g+9hcE5FGXPJgjgfp+N8+B5l9EeMUS0uMj6rMOFT+SLirAzWgecUlJkwVG5AqqipJ9+wmqsdVhIqeL1e5GiI3EKG31kVVUnozGeSqGltL7Mg9r9Uhfl0EsjicDppbrFw1HIG6Y6tn+s3u3jzboSUkmba5WJ21kNoLkwmozIXjuByuXG5Z/D5A3o9GAzpBIJBotEYXyYmGbI/wT78DKlv6DFdd/twjHxASaVwz8wQCARIJBJCmCESieDz+fTOg0Kg5RrhcJhQKEQsHufz+Fe67w1yr/8hUu+Andt3enVhOp3G4/HoQr/fj6qq/PgZYNLl5duMnymXjym3j4lpD27vHIG5GIqiMPZpnI7OHqzdvYvCbk04irY0STab1cnlcmTUedJi9Mw//uXiXlhO446A7cUr8nY0sKRh+19hZ8993rx16JKkGFt7VSMl0LrWopxK6iS0c1FTlSSTHpnu1yrnnghh8wHMFguSNret74E+f9/QI/1zHywyaB/mqfjotludFLUeof7sGYqPHaHl5i2sXTZOnD2PfWCQXRcvUH68lSs9Nv4AUcSRtm0rCwsAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"security rules\"\n        title=\"security rules\"\n        src=\"/static/93a3d3b1084269685d716b132b004c8a/fcda8/security_rules.png\"\n        srcset=\"/static/93a3d3b1084269685d716b132b004c8a/12f09/security_rules.png 148w,\n/static/93a3d3b1084269685d716b132b004c8a/e4a3f/security_rules.png 295w,\n/static/93a3d3b1084269685d716b132b004c8a/fcda8/security_rules.png 590w,\n/static/93a3d3b1084269685d716b132b004c8a/efc66/security_rules.png 885w,\n/static/93a3d3b1084269685d716b132b004c8a/d3f96/security_rules.png 1093w\"\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</li>\n<li>\n<p>Go to the <strong>Rules</strong> tab of your <strong>Realtime Database</strong>.</p>\n</li>\n<li>\n<p>Then change the following.\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/38ac2124649a2ac3dc7f52a5aa668e98/cb9f4/realtime_database_rules.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+mxAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABdElEQVQoz22RTUsCURSG3dWiguhrUVCRoISGtZGK0FKzoAjNxCQIwkVUBNEfCvoH4Q9pWRlTG0UHbUbnfs69c6fr12jpy+FyuPC87+Ec18L63uhycD97o7wpyrvyXVQRwphQhP8XlIU6vQFItaa5FoMn457dxMU9KCh6STUgqQOqGRgi3MVIuyGEmpTiPjuXN5SZCBxlImmhfEEuJFEvV3+KKqioUK1BA8pAgCll5keZ5F9BRSfSBbbhla3E5Go0dfXIGG8OZiBUVqFJAYKMEFPTuW0zbnEhkCnUhqk3ICZmJ9m9nZzyxY4vHyhtfskgWCozTbN13ZYZT8/0JW9LCSEfzrlhAIS7sD+SnVmLR9PXEpOWEBG5Lcuy7JZEvc4Kn3ZXjPNGP+zZSU37Y/HzW+DAmDhwO9AR/wd7Q2dzgcOD7B2U+x0KO/0gPL8RH1kKhpO51sAD8F9ZFjcA7MFj7k3XrC98mgOwBzO5es6HWQjnTrJ+AT6XAX/a6p2XAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"realtime database rule\"\n        title=\"realtime database rule\"\n        src=\"/static/38ac2124649a2ac3dc7f52a5aa668e98/fcda8/realtime_database_rules.png\"\n        srcset=\"/static/38ac2124649a2ac3dc7f52a5aa668e98/12f09/realtime_database_rules.png 148w,\n/static/38ac2124649a2ac3dc7f52a5aa668e98/e4a3f/realtime_database_rules.png 295w,\n/static/38ac2124649a2ac3dc7f52a5aa668e98/fcda8/realtime_database_rules.png 590w,\n/static/38ac2124649a2ac3dc7f52a5aa668e98/efc66/realtime_database_rules.png 885w,\n/static/38ac2124649a2ac3dc7f52a5aa668e98/c83ae/realtime_database_rules.png 1180w,\n/static/38ac2124649a2ac3dc7f52a5aa668e98/cb9f4/realtime_database_rules.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>\ninto this:</p>\n</li>\n</ul>\n<pre><code>\"rules\": {\n\t\".read\": true,\n\t\".write\": true\n}\n</code></pre>\n<h2>Screenshots</h2>\n<ul>\n<li>Home Page\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/891ce32462907075c3046d32c3cea34a/29114/project_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%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAACEElEQVQoz22RyWriQRDGOxoxxqBxiejBBXc0oo6IqIkLgogx7iKiGLM8wOQ1XBA8ehcvAeObzGGuwxwNE0jAg3oJ3/yrh8gMzOFHd3VXV3/1Fdtut9judli/vuLXywtWqxXe396wE8743SebDXYfH3j/9h3rHz+xFuKNwD85Asxms8HhcMBut3No/4nL5YLT6YTb7eacn5/ji9+PXreLr4+PaLfb6PV6uLu7w83NDYrFIphYLIZIJAKtjLE9FB8cHEAmk/F7iUSyvzuSHSEej6PRaKBUKqFQKCAajcLn84HRQT6fh0qlgtlsRiKR4Eo1Gg2Oj49htVohl8txdnbG72KxGKgryvd6vbi/v+fvQ6EQL8parRYqlQoUCgUCgQAeHh6QTCa5EjpTq9XQarXQ6XT79ij/6uoKwWAQ4XCYk0qlUKvVwKg6VSYV5NH19TUikQiMRuPeR4vFwpV1Be/K5TKq1SoymQz/OJvN8pXiXC4HRkXIePKK2qJ26LFfMF+v10OpVMJgMPBk4vLykqtJp9NcEaluNpu4uLjgsMPDQxCkkAYhlUrh8Xj4QzKe1NOeCtBHpIaG0Ol0cHt7yyddr9d5Loljf0/2f9B0T09PYTKZuGfUItlCUGFSTZ9QlycnJ2CDwQCj0QjD4RDj8ZhDZ/1+f89kMsFsNsNi8Syw4CyXSzw//4mfnp4wn88xnU7xG0G/e+OyP/2yAAAAAElFTkSuQmCC'); 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/891ce32462907075c3046d32c3cea34a/fcda8/project_home_page.png\"\n        srcset=\"/static/891ce32462907075c3046d32c3cea34a/12f09/project_home_page.png 148w,\n/static/891ce32462907075c3046d32c3cea34a/e4a3f/project_home_page.png 295w,\n/static/891ce32462907075c3046d32c3cea34a/fcda8/project_home_page.png 590w,\n/static/891ce32462907075c3046d32c3cea34a/efc66/project_home_page.png 885w,\n/static/891ce32462907075c3046d32c3cea34a/c83ae/project_home_page.png 1180w,\n/static/891ce32462907075c3046d32c3cea34a/29114/project_home_page.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></li>\n<li>Schedules Page\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/e3aacc1f32bcad5a896d79b44fc42b09/cb9f4/projects_schedules_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: 103.37837837837837%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAAsTAAALEwEAmpwYAAABT0lEQVQ4y6VU2W6EMAzk/3+sD32r1GckBEgsRziXcARvxq0rirKlWSxZlkyYjMd2ArOuZLaNdN2Qqioqy5K6riNjDK34ZuNmv8MQF+vq7Z3qj09abM58nxEP5nkm9mkirTWN48gRuWVZqO97Ukr9XIScHu403a3LvzsP6MQACKDKskc8swBl/OUAiaKIiqKgyVYhEjxzJ0PRDIby8zxnYGi619PJ0AUmhwFQ1zVlWcYaDsPAGh7PnQLuIwDAEGBHoH8DykHohWaA4e2Wc4PA2ovhkSkA0jR1MvTWEOViBqEjmLZt68/w9xgQj0ocxwyG3HFzvDUEQzRlPzoXGG5cNjREQ+SSlxiKA6hpGnYM+SVAGLobhiEPNpbfG9Clj3T44mB/dRRdTpKEQeWNvFSybIs05fLqQTcwLF9l6Fo9MMRL7no8vEuWWYSW+6F+BvoAQQt6Dzwy13IAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"schedules page\"\n        title=\"schedules page\"\n        src=\"/static/e3aacc1f32bcad5a896d79b44fc42b09/fcda8/projects_schedules_page.png\"\n        srcset=\"/static/e3aacc1f32bcad5a896d79b44fc42b09/12f09/projects_schedules_page.png 148w,\n/static/e3aacc1f32bcad5a896d79b44fc42b09/e4a3f/projects_schedules_page.png 295w,\n/static/e3aacc1f32bcad5a896d79b44fc42b09/fcda8/projects_schedules_page.png 590w,\n/static/e3aacc1f32bcad5a896d79b44fc42b09/efc66/projects_schedules_page.png 885w,\n/static/e3aacc1f32bcad5a896d79b44fc42b09/c83ae/projects_schedules_page.png 1180w,\n/static/e3aacc1f32bcad5a896d79b44fc42b09/cb9f4/projects_schedules_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>Add Train Page\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/63ed171cb6b17fc5edef679105ed463d/29114/projects_form_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%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABBElEQVQoz4VSXWvDMAz0//9feymjDArbY6FsGXmos7axY8cfN8uxVsfNNoGwOEknnRIRQkCMEfZyxdcw4CwllFIZo1xrzjmYeYZ82kEfT4gJC97nWnIxpyS5tRbGGEzTlF/CqFmmAX3fo+s6DGkg4ZQ3o4JNtdzPLtoNFkKb47RkJl2G2Rz/Z4KksZMprbNkXyTkXCnmM2SJzt/zlQsuZMIxkUk5wKStFoJCUt5YbROKDMIYfyAkyVpPS0NYT6cKpzRuh1dcdnvo0zva/tUNGaxjevnghPh0kvHwhuvzC8zH5zZhDdTxA+HGb1TXrjbcImyLf/J0y/JB/pS8Nbn9ir8NYvsGwcIUsNyKn+EAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"add train page\"\n        title=\"add train page\"\n        src=\"/static/63ed171cb6b17fc5edef679105ed463d/fcda8/projects_form_page.png\"\n        srcset=\"/static/63ed171cb6b17fc5edef679105ed463d/12f09/projects_form_page.png 148w,\n/static/63ed171cb6b17fc5edef679105ed463d/e4a3f/projects_form_page.png 295w,\n/static/63ed171cb6b17fc5edef679105ed463d/fcda8/projects_form_page.png 590w,\n/static/63ed171cb6b17fc5edef679105ed463d/efc66/projects_form_page.png 885w,\n/static/63ed171cb6b17fc5edef679105ed463d/c83ae/projects_form_page.png 1180w,\n/static/63ed171cb6b17fc5edef679105ed463d/29114/projects_form_page.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></li>\n</ul>\n<h2>License</h2>\n<p>Distributed under the\n<a href=\"https://github.com/itshally/Train-Scheduler-Basic/blob/master/LICENSE\">MIT License</a></p>","id":"cfc12042-d891-5bb1-b5a2-d98d7a6cbbdd","frontmatter":{"title":"Train Scheduler","description":"A train schedule application that incorporates Firebase to host arrival and departure data. This app will retrieve and manipulate this information with Moment.js. It will also provide up-to-date information about various trains, namely their arrival times and how many minutes remain until they arrive at their station.","preview":"https://itshally.github.io/Train-Scheduler-Basic/","tools":["HTML","Bootstrap","CSS","MySQL"],"sourceCode":"https://github.com/itshally/Train-Scheduler-Basic","keyWords":"train scheduler, train schedule, school project","image":{"childImageSharp":{"fixed":{"src":"/static/eaba7d19d729dc749fe32a46b8c2f7b4/986a3/train-scheduler-img.png"}}}}}},"pageContext":{"id":"cfc12042-d891-5bb1-b5a2-d98d7a6cbbdd","previousPostId":"af5c5105-b6a5-5102-b8f7-d641ab85ed02","nextPostId":"1217de75-1027-5105-9469-6cbdee9cd1c2"}},"staticQueryHashes":["143701507"]}