I added the auto-scroll feature and updated the readme

Author: ebrahimbeiati

chat-app/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}

chat-app/README.md

@@ -7,9 +7,10 @@ https://sdc.codeyourfuture.io/decomposition/sprints/2/prep/
 You must complete and deploy a chat application. You have two weeks to complete this.
 
 It must support at least the following requirements:
-* As a user, I can send add a message to the chat.
-* As a user, when I open the chat I see the messages that have been sent by any user.
-* As a user, when someone sends a message, it gets added to what I see.
+
+- As a user, I can send add a message to the chat.
+- As a user, when I open the chat I see the messages that have been sent by any user.
+- As a user, when someone sends a message, it gets added to what I see.
 
 It must also support at least one additional feature.
 
@@ -27,8 +28,12 @@ Exploring and understanding different ways of sending information between a clie
 
 ### How to submit
 
-* Fork the Module-Decomposition repository
-* Develop and deploy your chat app
-* Create a pull request back into the original Module-Decomposition repo, including:
-    * A link to the deployed frontend on the CYF hosting environment
-    * A link to the deployed backend on the CYF hosting environment
+- Fork the Module-Decomposition repository
+- Develop and deploy your chat app
+- Create a pull request back into the original Module-Decomposition repo, including:
+  - A link to the deployed frontend on the CYF hosting environment
+  - A link to the deployed backend on the CYF hosting environment
+
+### Additional Feature
+
+Auto‑scroll: The chat automatically scrolls to the newest message when messages load.

chat-app/backend/tempCodeRunnerFile.js

@@ -0,0 +1,25 @@
+import express from "express";
+import cors from "cors";
+
+const app = express();
+const PORT = 3000;
+
+app.use(express.json());
+app.use(cors());
+
+const messages = [];
+
+app.get("/messages", (req, res) => {
+  res.json(messages);
+});
+
+app.post("/messages", (req, res) => {
+  const { username, text } = req.body;
+  const message = { username, text, timeStamp: new Date().toISOString() };
+  messages.push(message);
+  res.status(201).json(message);
+});
+
+app.listen(PORT, () => {
+  console.log(`Server is running on port ${PORT}`);
+});