title: Heroku status error 503 when deployed - How do i interpret the error codes?
body: <p>I keep getting this error in my heroku logs after deploying the app.</p>
  <p>I'm still pretty new to this so I am not exactly sure how to read the errors but I have tried checking videos or documentations with various solutions to errors, but none seem to fix my problem.</p>
  <p>The App works fine when I npm start it locally.</p>
  <pre><code>2020-07-21T00:14:48.005621+00:00 heroku[web.1]: Process exited with status 0
  2020-07-21T00:14:48.063048+00:00 heroku[web.1]: State changed from starting to crashed
  2020-07-21T00:14:48.065696+00:00 heroku[web.1]: State changed from crashed to starting
  2020-07-21T00:14:56.336931+00:00 heroku[web.1]: Starting process with command `npm start`
  2020-07-21T00:14:58.630133+00:00 app[web.1]:
  2020-07-21T00:14:58.630180+00:00 app[web.1]: &gt; react-boilerplate@0.1.0 start /app
  2020-07-21T00:14:58.630186+00:00 app[web.1]: &gt; react-scripts start
  2020-07-21T00:14:58.630187+00:00 app[web.1]:
  2020-07-21T00:15:01.109832+00:00 app[web.1]: ℹ ｢wds｣: Project is running 
  2020-07-21T00:15:01.110173+00:00 app[web.1]: ℹ ｢wds｣: webpack output is served from
  2020-07-21T00:15:01.110259+00:00 app[web.1]: ℹ ｢wds｣: Content not from webpack is served from /app/public
  2020-07-21T00:15:01.110327+00:00 app[web.1]: ℹ ｢wds｣: 404s will fallback to /
  2020-07-21T00:15:01.110510+00:00 app[web.1]: Starting the development server...
  2020-07-21T00:15:01.110511+00:00 app[web.1]:
  2020-07-21T00:15:01.202744+00:00 heroku[web.1]: Process exited with status 0
  2020-07-21T00:15:01.245183+00:00 heroku[web.1]: State changed from starting to crashed
  </code></pre>
  <p>Index.js</p>
  <pre><code>import React from &quot;react&quot;;
  import ReactDOM from &quot;react-dom&quot;;
  import &quot;./index.css&quot;;
  import App from &quot;./App&quot;;
  import * as serviceWorker from &quot;./serviceWorker&quot;;
  
  ReactDOM.render(
      &lt;React.StrictMode&gt;
          &lt;App /&gt;,
      &lt;/React.StrictMode&gt;,
      document.getElementById(&quot;root&quot;)
  );
  
  serviceWorker.unregister();
  </code></pre>
  <p>Package.json</p>
  <pre><code>{
    &quot;name&quot;: &quot;react-boilerplate&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@testing-library/jest-dom&quot;: &quot;^4.2.4&quot;,
      &quot;@testing-library/react&quot;: &quot;^9.5.0&quot;,
      &quot;@testing-library/user-event&quot;: &quot;^7.2.1&quot;,
      &quot;react&quot;: &quot;^16.13.1&quot;,
      &quot;react-dom&quot;: &quot;^16.13.1&quot;,
      &quot;react-router-dom&quot;: &quot;^5.2.0&quot;,
      &quot;react-scripts&quot;: &quot;3.4.1&quot;
    },
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;react-scripts start&quot;,
      &quot;build&quot;: &quot;react-scripts build&quot;,
      &quot;test&quot;: &quot;react-scripts test&quot;,
      &quot;eject&quot;: &quot;react-scripts eject&quot;
    },
    &quot;eslintConfig&quot;: {
      &quot;extends&quot;: &quot;react-app&quot;
    },
    &quot;browserslist&quot;: {
      &quot;production&quot;: [
        &quot;&gt;0.2%&quot;,
        &quot;not dead&quot;,
        &quot;not op_mini all&quot;
      ],
      &quot;development&quot;: [
        &quot;last 1 chrome version&quot;,
        &quot;last 1 firefox version&quot;,
        &quot;last 1 safari version&quot;
      ]
    }
  }
  </code></pre>