GitMetricsLab · CodeByAlok24 · May 11, 2026 · May 11, 2026 · May 11, 2026 · May 11, 2026
diff --git a/.env.example b/.env.example
diff --git a/README.md b/README.md
@@ -1,12 +1,13 @@
 # 🌟 **GitHub Tracker** 🌟
+
 <!-- top -->
 
 **Track Activity of Users on GitHub**
 
 Welcome to **GitHub Tracker**, a web app designed to help you monitor and analyze the activity of GitHub users. Whether you’re a developer, a project manager, or just curious, this tool simplifies tracking contributions and activity across repositories! 🚀👩‍💻
 
 <p align="center">
-  <img src="public/crl.png" height="60px" alt="github-tracker">
+  <img src="frontend/public/crl.png" height="60px" alt="github-tracker">
 </p>
 <table align="center">
     <thead align="center">
@@ -41,47 +42,93 @@ Welcome to **GitHub Tracker**, a web app designed to help you monitor and analyz
 ---
 
 ## 🚀 Setup Guide
+
 1. Clone the repository to your local machine:
+
 ```bash
 $ git clone https://github.com/yourusername/github-tracker.git
 ```
 
 2. Navigate to the project directory:
+
 ```bash
 $ cd github-tracker
 ```
 
 3. Run the frontend
+
 ```bash
+$ cd frontend
 $ npm i
 $ npm run dev
 ```
 
 4. Run the backend
+
 ```bash
+$ cd backend
 $ npm i
 $ npm start
 ```
 
+## 🔐 MongoDB & Authentication Setup
+
+The application uses MongoDB for user authentication (Sign up, Login, Logout).
+
+### Frontend Environment Setup
+
+Create a `.env` file in the `frontend/` folder:
+
+```
+VITE_BACKEND_URL=http://localhost:5000
+```
+
+See `frontend/.env.example` for reference.
+
+### Backend Environment Setup
+
+Create a `.env` file in the `backend/` folder:
+
+```
+MONGO_URI=mongodb+srv://alokhacs222729_db_user:IvORbhhzQg71OF2q@cluster0.gevcwty.mongodb.net/?appName=Cluster0
+PORT=5000
+SESSION_SECRET=your_session_secret_key_here
+```
+
+See `backend/.env.example` for reference.
+
+**Key Points:**
+
+- The `MONGO_URI` connects to MongoDB Atlas for user database storage
+- Users can sign up with email and password
+- Passwords are securely hashed using bcryptjs
+- Sessions are maintained via express-session and Passport.js
+- Both frontend and backend are required for authentication to work
+
 ## 🧪 Backend Unit & Integration Testing with Jasmine
 
 This project uses the Jasmine framework for backend unit and integration tests. The tests cover:
+
 - User model (password hashing, schema, password comparison)
 - Authentication routes (signup, login, logout)
 - Passport authentication logic (via integration tests)
 
 ### Prerequisites
+
 - **Node.js** and **npm** installed
 - **MongoDB** running locally (default: `mongodb://127.0.0.1:27017`)
 
 ### Installation
+
 Install all required dependencies:
+
 ```sh
 npm install
 npm install --save-dev jasmine @types/jasmine supertest express-session passport passport-local bcryptjs
 ```
 
 ### Running the Tests
+
 1. **Start MongoDB** (if not already running):
    ```sh
    mongod
@@ -92,24 +139,26 @@ npm install --save-dev jasmine @types/jasmine supertest express-session passport
    ```
 
 ### Test Files
+
 - `spec/user.model.spec.cjs` — Unit tests for the User model
 - `spec/auth.routes.spec.cjs` — Integration tests for authentication routes
 
 ### Jasmine Configuration
+
 The Jasmine config (`spec/support/jasmine.mjs`) is set to recognize `.cjs`, `.js`, and `.mjs` test files:
+
 ```js
-spec_files: [
-  "**/*[sS]pec.?(m)js",
-  "**/*[sS]pec.cjs"
-]
+spec_files: ["**/*[sS]pec.?(m)js", "**/*[sS]pec.cjs"];
 ```
 
 ### Troubleshooting
+
 - **No specs found:** Ensure your test files have the correct extension and are in the `spec/` directory.
 - **MongoDB connection errors:** Make sure MongoDB is running and accessible.
 - **Missing modules:** Install any missing dev dependencies with `npm install --save-dev <module>`.
 
 ### What Was Covered
+
 - Jasmine is set up and configured for backend testing.
 - All major backend modules are covered by unit/integration tests.
 - Tests are passing and verified.
@@ -131,8 +180,6 @@ spec_files: [
   </a>
 </div>
 
-
-
 ---
 
 <p align="center">

diff --git a/backend/.env.sample b/backend/.env.sample
diff --git a/backend/models/User.js b/backend/models/User.js
@@ -16,6 +16,14 @@ const UserSchema = new mongoose.Schema({
       type: String,
       required: true,
     },
+    trackerHistory: {
+      type: Array,
+      default: [],
+    },
+    lastTrackedAt: {
+      type: Date,
+      default: Date.now,
+    },
 });
 
 UserSchema.pre('save', async function (next) {

diff --git a/backend/routes/auth.js b/backend/routes/auth.js
@@ -39,4 +39,48 @@ router.get("/logout", (req, res) => {
     });
 });
 
+// Get user tracker history
+router.get("/tracker-history", async (req, res) => {
+    if (!req.user) {
+        return res.status(401).json({ message: 'Not authenticated' });
+    }
+    try {
+        const user = await User.findById(req.user.id).select('trackerHistory');
+        res.status(200).json({ trackerHistory: user?.trackerHistory || [] });
+    } catch (err) {
+        res.status(500).json({ message: 'Error fetching tracker history', error: err.message });
+    }
+});
+
+// Save tracker search to history
+router.post("/tracker-history", async (req, res) => {
+    if (!req.user) {
+        return res.status(401).json({ message: 'Not authenticated' });
+    }
+    const { username, searchedAt } = req.body;
+    try {
+        const user = await User.findById(req.user.id);
+        if (!user) {
+            return res.status(404).json({ message: 'User not found' });
+        }
+
+        // Remove duplicate if exists (keep only unique searches)
+        user.trackerHistory = user.trackerHistory.filter(
+            item => item.username.toLowerCase() !== username.toLowerCase()
+        );
+
+        // Add new search at the beginning
+        user.trackerHistory.unshift({ username, searchedAt: new Date(searchedAt) });
+
-    const { username, searchedAt } = req.body;
-    try {
-        const user = await User.findById(req.user.id);
-        if (!user) {
-            return res.status(404).json({ message: 'User not found' });
-        }
-        
-        // Remove duplicate if exists (keep only unique searches)
-        user.trackerHistory = user.trackerHistory.filter(
-            item => item.username.toLowerCase() !== username.toLowerCase()
-        );
-        
-        // Add new search at the beginning
-        user.trackerHistory.unshift({ username, searchedAt: new Date(searchedAt) });
-        
+    const { username, searchedAt } = req.body;
+    if (typeof username !== "string" || !username.trim()) {
+        return res.status(400).json({ message: "username is required" });
+    }
+    const parsedSearchedAt = searchedAt ? new Date(searchedAt) : new Date();
+    if (Number.isNaN(parsedSearchedAt.getTime())) {
+        return res.status(400).json({ message: "searchedAt must be a valid date" });
+    }
+    try {
+        const user = await User.findById(req.user.id);
+        if (!user) {
+            return res.status(404).json({ message: 'User not found' });
+        }
+        
+        // Remove duplicate if exists (keep only unique searches)
+        user.trackerHistory = user.trackerHistory.filter(
+            item => item.username?.toLowerCase() !== username.toLowerCase()
+        );
+        
+        // Add new search at the beginning
+        user.trackerHistory.unshift({ username, searchedAt: parsedSearchedAt });
-    const { username, searchedAt } = req.body;
-    try {
-        const user = await User.findById(req.user.id);
-        if (!user) {
-            return res.status(404).json({ message: 'User not found' });
-        }
-        
-        // Remove duplicate if exists (keep only unique searches)
-        user.trackerHistory = user.trackerHistory.filter(
-            item => item.username.toLowerCase() !== username.toLowerCase()
-        );
-        
-        // Add new search at the beginning
-        user.trackerHistory.unshift({ username, searchedAt: new Date(searchedAt) });
-        
+    const { username, searchedAt } = req.body;
+    if (typeof username !== "string" || !username.trim()) {
+        return res.status(400).json({ message: "username is required" });
+    }
+    const parsedSearchedAt = searchedAt ? new Date(searchedAt) : new Date();
+    if (Number.isNaN(parsedSearchedAt.getTime())) {
+        return res.status(400).json({ message: "searchedAt must be a valid date" });
+    }
+    try {
+        const user = await User.findById(req.user.id);
+        if (!user) {
+            return res.status(404).json({ message: 'User not found' });
+        }
+        
+        // Remove duplicate if exists (keep only unique searches)
+        user.trackerHistory = user.trackerHistory.filter(
+            item => item.username?.toLowerCase() !== username.toLowerCase()
+        );
+        
+        // Add new search at the beginning
+        user.trackerHistory.unshift({ username, searchedAt: parsedSearchedAt });
+        // Keep only last 10 searches
+        user.trackerHistory = user.trackerHistory.slice(0, 10);
+        user.lastTrackedAt = new Date();
+
+        await user.save();
+        res.status(200).json({ message: 'Tracker history saved', trackerHistory: user.trackerHistory });
+    } catch (err) {
+        res.status(500).json({ message: 'Error saving tracker history', error: err.message });
+    }
+});
+
 module.exports = router;
diff --git a/backend/server.js b/backend/server.js
@@ -12,14 +12,22 @@ require('./config/passportConfig');
 const app = express();
 
 // CORS configuration
-app.use(cors('*'));
+app.use(cors({
+    origin: process.env.FRONTEND_URL || 'http://localhost:5173',
+    credentials: true
+}));
 
 // Middleware
 app.use(bodyParser.json());
 app.use(session({
     secret: process.env.SESSION_SECRET,
     resave: false,
     saveUninitialized: false,
+    cookie: { 
+        httpOnly: true, 
+        secure: false, // set to true in production with HTTPS
+        sameSite: 'lax'
+    }
 }));
 app.use(passport.initialize());
 app.use(passport.session());

diff --git a/docker-compose.yml b/docker-compose.yml
@@ -3,14 +3,14 @@ services:
     image: frontend
     container_name: frontend-container
     build:
-      context: .
+      context: ./frontend
       dockerfile: Dockerfile.dev
     ports:
       - "5173:5173"
     env_file:
       - .env
     volumes:
-      - .:/app
+      - ./frontend:/app
       - /app/node_modules
     depends_on:
       - backend
@@ -39,7 +39,7 @@ services:
     image: frontend-prod
     container_name: frontend-prod-container
     build:
-      context: .
+      context: ./frontend
       dockerfile: Dockerfile.prod
     ports:
       - "3000:3000"

diff --git a/Dockerfile.dev → frontend/Dockerfile.dev b/Dockerfile.dev → frontend/Dockerfile.dev
diff --git a/Dockerfile.prod → frontend/Dockerfile.prod b/Dockerfile.prod → frontend/Dockerfile.prod
diff --git a/eslint.config.js → frontend/eslint.config.js b/eslint.config.js → frontend/eslint.config.js
diff --git a/index.html → frontend/index.html b/index.html → frontend/index.html
diff --git a/package.json → frontend/package.json b/package.json → frontend/package.json
@@ -7,6 +7,7 @@
     "dev": "vite --host",
     "build": "vite build",
     "lint": "eslint .",
+    "test": "jasmine",
     "preview": "vite preview",
     "docker:dev": "docker compose --profile dev up --build",
     "docker:prod": "docker compose --profile prod up -d --build"
@@ -45,12 +46,15 @@
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.14",
+    "express": "^5.2.1",
     "express-session": "^1.18.2",
     "globals": "^15.11.0",
     "jasmine": "^5.9.0",
+    "mongoose": "^9.6.2",
     "passport": "^0.7.0",
     "passport-local": "^1.0.0",
     "supertest": "^7.1.4",
+    "typescript-eslint": "^8.59.2",
     "vite": "^5.4.10"
   }
 }
diff --git a/postcss.config.cjs → frontend/postcss.config.cjs b/postcss.config.cjs → frontend/postcss.config.cjs
diff --git a/public/_redirects → frontend/public/_redirects b/public/_redirects → frontend/public/_redirects
diff --git a/public/crl-icon.png → frontend/public/crl-icon.png b/public/crl-icon.png → frontend/public/crl-icon.png
diff --git a/public/crl.png → frontend/public/crl.png b/public/crl.png → frontend/public/crl.png
diff --git a/public/vite.svg → frontend/public/vite.svg b/public/vite.svg → frontend/public/vite.svg
diff --git a/src/App.css → frontend/src/App.css b/src/App.css → frontend/src/App.css
diff --git a/src/App.tsx → frontend/src/App.tsx b/src/App.tsx → frontend/src/App.tsx
@@ -8,12 +8,12 @@ import ThemeWrapper from "./context/ThemeContext";
 function App() {
   return (
     <ThemeWrapper>
-      <div className="relative flex flex-col min-h-screen">
+      <div className="relative flex flex-col min-h-screen w-full">
         <ScrollProgressBar />
 
         <Navbar />
 
-        <main className="flex-grow bg-gray-50 dark:bg-gray-800 flex justify-center items-center">
+        <main className="flex-grow bg-gray-50 dark:bg-gray-800 w-full">
           <Router />
         </main>
 

diff --git a/src/Routes/Router.tsx → frontend/src/Routes/Router.tsx b/src/Routes/Router.tsx → frontend/src/Routes/Router.tsx
diff --git a/src/assets/react.svg → frontend/src/assets/react.svg b/src/assets/react.svg → frontend/src/assets/react.svg