diff --git a/public/src/App.js b/public/src/App.js
index 416e289dc..132d27cd4 100644
--- a/public/src/App.js
+++ b/public/src/App.js
@@ -1,9 +1,29 @@
+
+//adding comments for the purpose of learning to save changes in github
+//Aiman Sara Sheikh
 import React from "react";
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import SetAvatar from "./components/SetAvatar";
 import Chat from "./pages/Chat";
 import Login from "./pages/Login";
 import Register from "./pages/Register";
+// app.js or server.js
+const express = require('express');
+const loggerMiddleware = require('./loggerMiddleware'); // Import the middleware
+
+const app = express();
+
+app.use(loggerMiddleware); // Use the middleware for all routes
+
+app.get('/', (req, res) => {
+    res.send('Hello World!');
+});
+
+const PORT = process.env.PORT || 3000;
+app.listen(PORT, () => {
+    console.log(`Server running on port ${PORT}`);
+});
+
 export default function App() {
   return (
     <BrowserRouter>
diff --git a/public/src/loggerMiddleware.js b/public/src/loggerMiddleware.js
new file mode 100644
index 000000000..19fab969f
--- /dev/null
+++ b/public/src/loggerMiddleware.js
@@ -0,0 +1,7 @@
+// loggerMiddleware.js
+function loggerMiddleware(req, res, next) {
+    console.log(`${req.method} ${req.url} - ${new Date().toISOString()}`);
+    next(); // Pass control to the next middleware function
+}
+
+module.exports = loggerMiddleware;