diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index c83f4ace..16eec05a 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.0.0",
       "dependencies": {
         "@reduxjs/toolkit": "^1.9.2",
+        "@vercel/analytics": "^0.1.10",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-redux": "^8.0.5",
@@ -1290,6 +1291,14 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@vercel/analytics": {
+      "version": "0.1.10",
+      "resolved": "https://registry.npmjs.org/@vercel/analytics/-/analytics-0.1.10.tgz",
+      "integrity": "sha512-jjJ8GzcPnQp0cMxpfYoUycMRBtDiaIeyVjZPiEPe99Dj1PdjMzAFYEASiV/hpNsXHkpcNYCveDFh6jnmh0YSDQ==",
+      "peerDependencies": {
+        "react": "^16.8||^17||^18"
+      }
+    },
     "node_modules/@vitejs/plugin-react": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-3.1.0.tgz",
@@ -6697,6 +6706,12 @@
         "eslint-visitor-keys": "^3.3.0"
       }
     },
+    "@vercel/analytics": {
+      "version": "0.1.10",
+      "resolved": "https://registry.npmjs.org/@vercel/analytics/-/analytics-0.1.10.tgz",
+      "integrity": "sha512-jjJ8GzcPnQp0cMxpfYoUycMRBtDiaIeyVjZPiEPe99Dj1PdjMzAFYEASiV/hpNsXHkpcNYCveDFh6jnmh0YSDQ==",
+      "requires": {}
+    },
     "@vitejs/plugin-react": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-3.1.0.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index f1e973db..a8ffc131 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -20,6 +20,7 @@
   },
   "dependencies": {
     "@reduxjs/toolkit": "^1.9.2",
+    "@vercel/analytics": "^0.1.10",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-redux": "^8.0.5",
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 9a216223..8852d431 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -4,6 +4,9 @@ import Conversation from './conversation/Conversation';
 import About from './About';
 import { useState } from 'react';
 import { ActiveState } from './models/misc';
+import { inject } from '@vercel/analytics';
+
+inject();
 
 export default function App() {
   //TODO : below media query is disjoint from tailwind. Please wire it together.