From 5506366fd9603188415125e1b440029a7a4837a4 Mon Sep 17 00:00:00 2001
From: BhavikaPachauri <pachauribhavika2000@gmail.com>
Date: Sat, 2 Nov 2024 23:57:46 +0530
Subject: [PATCH] Add visitor count

---
 index.html               | 23 ++++++++++++++---
 server/app.js            | 15 +++++++++++
 server/models/user.js    |  6 +++++
 server/package-lock.json | 54 +++++++++++++++++++++++++++++++++++++---
 server/package.json      |  2 +-
 server/server.js         |  4 ++-
 6 files changed, 95 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index a5e0325..6e0ea44 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
-
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
 
     <link rel="stylesheet" href="styles.css">
@@ -804,7 +804,7 @@ <h2 style="color: white; text-align: left; font-size: 4rem; margin-bottom: 10px;
         }
     </style>
 </div>
-
+<style>
         /* Button hover effect */
         button[type="submit"]:hover {
             background-color: #005fa3;
@@ -1314,6 +1314,7 @@ <h2>Frequently Asked Questions</h2>
                     <a href="#"><i class="fab fa-linkedin"></i></a>
                     <a href="#"><i class="fab fa-youtube"></i></a>
                 </div>
+                <button id="visitorCounter" class="btn btn-info text-white rounded">Visitors Count: 1</button>
             </div>
 
 
@@ -1378,8 +1379,24 @@ <h4>FIND US</h4>
         </div>
     </footer>
 
+<!-- visitor -->
+<script>
+    // JavaScript to fetch visitor count from API
+    async function getVisitorCount() {
+        try {
+            const response = await fetch('http://localhost:5000/api/visitor-count');
+            const data = await response.json();
+            document.getElementById("visitorCount").innerText = data.count;
+        } catch (error) {
+            console.error("Error fetching visitor count:", error);
+        }
+    }
+
+    // Call the function on page load
+    getVisitorCount();
+</script>
 
-    <script>
+<script>
 // cursor 
 
 const coords = { x: 0, y: 0 };
diff --git a/server/app.js b/server/app.js
index 554633b..0dad443 100644
--- a/server/app.js
+++ b/server/app.js
@@ -32,6 +32,21 @@ app.use((req, res, next) => {
 // Route Definitions
 app.use("/api/v1/auth", auth_route); // Authentication routes
 
+
+// Route to get and increment the visitor count
+app.get('/api/visitor-count', async (req, res) => {
+  try {
+    const visitorCounter = await Counter.findByIdAndUpdate(
+      "visitorCount",
+      { $inc: { count: 1 } },
+      { new: true, upsert: true }
+    );
+    res.json({ count: visitorCounter.count });
+  } catch (err) {
+    console.error("Error updating visitor count:", err);
+    res.status(500).send("Server error");
+  }
+});
 // Error Handling Middleware
 app.use((err, req, res, next) => {
   console.error(err.stack);
diff --git a/server/models/user.js b/server/models/user.js
index 79d8cf8..dec3f0f 100644
--- a/server/models/user.js
+++ b/server/models/user.js
@@ -1,5 +1,11 @@
 import mongoose from "mongoose";
 
+const CounterSchema = new mongoose.Schema({
+  _id: String,
+  count: { type: Number, default: 0 }
+});
+const Counter = mongoose.model("Counter", CounterSchema);
+
 const userSchema = new mongoose.Schema({
   email: {
     type: String,
diff --git a/server/package-lock.json b/server/package-lock.json
index 0130238..95aa1c5 100644
--- a/server/package-lock.json
+++ b/server/package-lock.json
@@ -17,7 +17,7 @@
         "express": "^4.21.0",
         "helmet": "^8.0.0",
         "jsonwebtoken": "^9.0.2",
-        "mongodb": "^6.9.0",
+        "mongodb": "^6.10.0",
         "mongoose": "^8.7.0",
         "nodemailer": "^6.9.15",
         "zod": "^3.23.8"
@@ -1271,9 +1271,9 @@
       }
     },
     "node_modules/mongodb": {
-      "version": "6.9.0",
-      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-6.9.0.tgz",
-      "integrity": "sha512-UMopBVx1LmEUbW/QE0Hw18u583PEDVQmUmVzzBRH0o/xtE9DBRA5ZYLOjpLIa03i8FXjzvQECJcqoMvCXftTUA==",
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-6.10.0.tgz",
+      "integrity": "sha512-gP9vduuYWb9ZkDM546M+MP2qKVk5ZG2wPF63OvSRuUbqCR+11ZCAE1mOfllhlAG0wcoJY5yDL/rV3OmYEwXIzg==",
       "license": "Apache-2.0",
       "dependencies": {
         "@mongodb-js/saslprep": "^1.1.5",
@@ -1348,6 +1348,52 @@
         "url": "https://opencollective.com/mongoose"
       }
     },
+    "node_modules/mongoose/node_modules/mongodb": {
+      "version": "6.9.0",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-6.9.0.tgz",
+      "integrity": "sha512-UMopBVx1LmEUbW/QE0Hw18u583PEDVQmUmVzzBRH0o/xtE9DBRA5ZYLOjpLIa03i8FXjzvQECJcqoMvCXftTUA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@mongodb-js/saslprep": "^1.1.5",
+        "bson": "^6.7.0",
+        "mongodb-connection-string-url": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=16.20.1"
+      },
+      "peerDependencies": {
+        "@aws-sdk/credential-providers": "^3.188.0",
+        "@mongodb-js/zstd": "^1.1.0",
+        "gcp-metadata": "^5.2.0",
+        "kerberos": "^2.0.1",
+        "mongodb-client-encryption": ">=6.0.0 <7",
+        "snappy": "^7.2.2",
+        "socks": "^2.7.1"
+      },
+      "peerDependenciesMeta": {
+        "@aws-sdk/credential-providers": {
+          "optional": true
+        },
+        "@mongodb-js/zstd": {
+          "optional": true
+        },
+        "gcp-metadata": {
+          "optional": true
+        },
+        "kerberos": {
+          "optional": true
+        },
+        "mongodb-client-encryption": {
+          "optional": true
+        },
+        "snappy": {
+          "optional": true
+        },
+        "socks": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/mongoose/node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
diff --git a/server/package.json b/server/package.json
index b073de7..21c8f46 100644
--- a/server/package.json
+++ b/server/package.json
@@ -21,7 +21,7 @@
     "express": "^4.21.0",
     "helmet": "^8.0.0",
     "jsonwebtoken": "^9.0.2",
-    "mongodb": "^6.9.0",
+    "mongodb": "^6.10.0",
     "mongoose": "^8.7.0",
     "nodemailer": "^6.9.15",
     "zod": "^3.23.8"
diff --git a/server/server.js b/server/server.js
index dcb644b..b3e9008 100644
--- a/server/server.js
+++ b/server/server.js
@@ -15,4 +15,6 @@ connect_db()
   .catch(err => {
     console.error("Failed to connect to the database:", err.message);
     process.exit(1); // Exit process if DB connection fails
-});
\ No newline at end of file
+});
+
+