Improve the Login,signup with Mongodb

Author: CodeByAlok24

.env.example

@@ -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">

README.md

@@ -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) {

backend/.env.sample

@@ -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) });
+        
+        // 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;

backend/models/User.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());

backend/routes/auth.js

@@ -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"