diff --git a/projects/varshitha-mini-counter/index.html b/projects/varshitha-mini-counter/index.html
new file mode 100644
index 0000000..2689c64
--- /dev/null
+++ b/projects/varshitha-mini-counter/index.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Mini Counter - Varshitha</title>
+  <style>
+    body { font-family: Arial; text-align: center; margin-top: 80px; background: #f7f9fc; }
+    h1 { color: #0077b6; }
+    button {
+      padding: 10px 20px; 
+      margin: 10px;
+      border: none;
+      border-radius: 8px;
+      background: #0077b6; 
+      color: white;
+      cursor: pointer;
+    }
+    button:hover { background: #023e8a; }
+    p { font-size: 24px; color: #03045e; }
+  </style>
+</head>
+<body>
+  <h1>Mini Counter App 🎯</h1>
+  <p id="count">0</p>
+  <button onclick="increase()">➕ Increase</button>
+  <button onclick="decrease()">➖ Decrease</button>
+  <button onclick="reset()">🔁 Reset</button>
+
+  <script>
+    let count = 0;
+    const countDisplay = document.getElementById('count');
+
+    function increase() {
+      count++;
+      countDisplay.textContent = count;
+    }
+    function decrease() {
+      count--;
+      countDisplay.textContent = count;
+    }
+    function reset() {
+      count = 0;
+      countDisplay.textContent = count;
+    }
+  </script>
+</body>
+</html>
