Hosting my front-end using github pages and back-end using render

import express from "express";
import { readFileSync } from "fs";
import { getProperties } from "properties-file";
import path from "path";
import { cwd } from "process";
import cors from "cors";
import morgan from "morgan";
import { MongoClient } from "mongodb";
import { productRouter } from "./routes/products.js";
import { orderRouter } from "./routes/orders.js";

const configurationPath = path.join(
  `${cwd()}`,
  "configurations",
  "configurations.properties"
);

const allowedOrigins = [
  "http://localhost:8080",
  "https://users.github.io/Lesson-page/",
];
const corsOptions = { origin: allowedOrigins };
const uri = getProperties(readFileSync(configurationPath)).uri;

// Create a MongoClient
const client = new MongoClient(uri);
let db;

const app = express();
app.use(
  morgan(":method :url :status :res[content-length] - :response-time ms")
);

const port = getProperties(readFileSync(configurationPath)).port;

app.use(cors(corsOptions));

// middleware to parse body of Content-type: application/json
app.use(express.json());

// Product route
app.use("./api/products", productRouter);

// Order route
app.use("./api/orders", orderRouter);

async function run() {
  try {
    await client.connect();

    // Send a ping to confirm a successful connection
    await client.db("admin").command({ ping: 1 });
    console.log(
      "Pinged your deployment. You successfully connected to MongoDB!"
    );
    db = client.db("Lesson");

    app.listen(port, () => {
      console.log(`app listening on port ${port}`);
    });
  } catch (err) {
    console.log(err);
  }
}
run().catch(console.dir);
export { db };