title: npm start giving a blank screen. Its not showing my app
body: <p>Its giving me blank page on the home screen.How can I resolve it ? I want to render my frontend and want to see my website on the screen but its giving me &quot;Cannot get/&quot;. My frontend it built in React.js how can I connect it with node.js and express to view it on the screen?</p>
  <p>Here is my code-</p>
  <pre><code>require('dotenv').config({ path: 'env' });
  
  const dotenv = require(&quot;dotenv&quot;);
  
  dotenv.config();
  const express = require('express');
  const mongoose = require('mongoose');
  const cors = require('cors');
  const cookieParser = require('cookie-parser');
  const SocketServer = require('./socketServer');
  const corsOptions = {
    Credential: 'true',
    
  };
  
  
  const app = express();
  
  
      app.use(express.static(&quot;C:/Users/chirag/Downloads/mern-social-media-master/mern-social-media-master/&quot; + '/public'));
  
  app.get('/', (req,res,next) =&gt; {
    res.sendfile(&quot;C:/Users/chirag/Downloads/mern-social-media-master/mern-social-media-master/&quot; + &quot;/public/index.html&quot;);
  })
  
  app.use(express.json())
  app.options(&quot;*&quot; , cors(corsOptions));
  app.use(cors(corsOptions));
  app.use(cookieParser())
  
  
  //#region // !Socket
  const http = require('http').createServer(app);
  const io = require('socket.io')(http);
  
  
  
  io.on('connection', socket =&gt; {
      SocketServer(socket);
  })
  
  //#endregion
  
  //#region // !Routes
  app.use('/api', require('./routes/authRouter'));
  app.use('/api', require('./routes/userRouter'));
  app.use('/api', require('./routes/postRouter'));
  app.use('/api', require('./routes/commentRouter'));
  app.use('/api', require('./routes/adminRouter'));
  app.use('/api', require('./routes/notifyRouter'));
  app.use('/api', require('./routes/messageRouter'));
  //#endregion
  
  
  const URI = process.env.MONGODB_URL;
  mongoose.connect(URI, {
      useCreateIndex:true,
      useFindAndModify:false,
      useNewUrlParser:true,
      useUnifiedTopology:true
  }, err =&gt; {
      if(err) throw err;
      console.log(&quot;Database Connected!!&quot;)
  })
  
  const port = process.env.PORT || 8080;
  http.listen(port, () =&gt; {
    console.log(&quot;Listening on &quot;, port);
  });
  </code></pre>
  <p>HTML code -</p>
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
   &lt;head&gt;
    &lt;meta charset=&quot;utf-8&quot; /&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
    &lt;meta name=&quot;theme-color&quot; content=&quot;#000000&quot; /&gt;
    &lt;script type=&quot;text/javascript&quot; src='C:\Users\chirag\Downloads\mern-social-media-master\mern-social-media-master\client\src\index.js'&gt;&lt;/script&gt;
    &lt;title&gt;Web App&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;script type=&quot;text/javascript&quot; src='C:\Users\chirag\Downloads\mern-social-media-master\mern-social-media-master\client\src\index.js'&gt;&lt;/script&gt;
    &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>
  <p>I've tried several ways but unable to resolve it. Is it due to cloudinary or mongoDB database?</p>
  <p>I have added some code and modified several parts of it, but the error cannot be rectified.</p>
  <p>How can I solve this?</p>