Enhance backend and frontend setup with MySQL integration, Docker configurations, and toast notifications

- Updated .gitignore to include additional environment and build files
- Configured Dockerfiles for backend and frontend with npm install and port exposure
- Added MySQL connection pool and query function in backend services
- Implemented form submission with toast notifications in MainForm component
- Updated package.json and package-lock.json for new dependencies
- Enhanced routing and layout in frontend with toast notifications

backend/server.js

@@ -1,9 +1,10 @@
 import express from "express";
 import cors from "cors";
 import env from "dotenv";
+import { query } from "./services/database.js";
 env.config();
 const app = express();
-const port = 8001;
+const port = 8002;
 
 app.use(cors());
 app.use(express.urlencoded({ extended: true }));
@@ -14,6 +15,15 @@ app.get("/", (req, res) => {
   res.render("index.ejs", { title: port });
 });
 
+app.post("/lose", async (req, res) => {
+  const result = await query(req.body);
+  if (result.success) {
+    res.status(200).send("Update successful");
+  } else {
+    res.status(400).send("Update failed");
+  }
+});
+
 app.listen(port, () => {
   console.log(`Server is running on port: ${port}`);
 });