fix: database UI alignment and redis caching stability

Author: yash-pouranik

backend/config/redis.js

@@ -0,0 +1,26 @@
+const Redis = require("ioredis");
+const dotenv = require("dotenv");
+dotenv.config()
+
+if (!process.env.REDIS_URL) {
+    throw new Error("REDIS_URL is not defined in .env");
+}
+
+const redis = new Redis(process.env.REDIS_URL);
+
+// Listen for events
+redis.on('ready', () => {
+    console.log('ioredis client is connected and ready.');
+});
+
+redis.on('error', (err) => {
+    console.error('ioredis Client Error:', err);
+});
+
+if (redis.status === 'ready') {
+    console.log('Current status is ready.');
+} else {
+    console.log(`Current status is: ${redis.status}`);
+}
+
+module.exports = redis;

backend/controllers/project.controller.js

@@ -11,6 +11,7 @@ const { URL } = require('url');
 const { getConnection } = require("../utils/connection.manager");
 const { getCompiledModel } = require("../utils/injectModel")
 const { storageRegistry } = require("../utils/registry");
+const { deleteProjectByApiKeyCache } = require("../services/redisCaching");
 
 
 
@@ -54,7 +55,10 @@ module.exports.createProject = async (req, res) => {
 
 module.exports.getAllProject = async (req, res) => {
     try {
-        const projects = await Project.find({ owner: req.user._id }).select('-apiKey -jwtSecret');
+        const projects = await Project.find({ owner: req.user._id })
+            .select('name description')
+            .lean();
+
         res.status(200).json(projects);
     } catch (err) {
         res.status(500).json({ error: err.message });
@@ -81,6 +85,7 @@ module.exports.regenerateApiKey = async (req, res) => {
         const newApiKey = generateApiKey();
         const hashed = hashApiKey(newApiKey);
 
+
         const project = await Project.findOneAndUpdate(
             { _id: req.params.projectId, owner: req.user._id },
             { $set: { apiKey: hashed } },

backend/middleware/verifyApiKey.js

@@ -1,28 +1,46 @@
 const Project = require('../models/Project');
 const { hashApiKey } = require('../utils/api');
+const {
+    setProjectByApiKeyCache,
+    getProjectByApiKeyCache
+} = require("../services/redisCaching");
 
 module.exports = async (req, res, next) => {
     try {
         const apiKey = req.header('x-api-key');
-
-        if (!apiKey) return res.status(401).json({ error: 'API key not found' });
+        if (!apiKey) {
+            return res.status(401).json({ error: 'API key not found' });
+        }
 
         const hashedApi = hashApiKey(apiKey);
 
+        let project = await getProjectByApiKeyCache(hashedApi);
+
+        if (!project) {
+            project = await Project.findOne({ apiKey: hashedApi })
+                .populate('owner', 'isVerified')
+                .lean();
 
-        const project = await Project.findOne({ apiKey: hashedApi })
-            .populate('owner', 'isVerified');
-        if (!project) return res.status(401).json(
-            {
-                "error": "API key is expired or invalid.",
-                "action": "Please use a valid API key or regenerate a new one from the dashboard."
+            if (!project) {
+                return res.status(401).json({
+                    error: "API key is expired or invalid.",
+                    action: "Please use a valid API key or regenerate a new one from the dashboard."
+                });
             }
-        );
 
-        if (!project.owner.isVerified) return res.status(401).json({ error: 'Owner not verified', fix: 'Verify your account on https://urbackend.bitbros.in/dashboard' });
+            await setProjectByApiKeyCache(hashedApi, project);
+        }
+
+        if (!project.owner.isVerified) {
+            return res.status(401).json({
+                error: 'Owner not verified',
+                fix: 'Verify your account on https://urbackend.bitbros.in/dashboard'
+            });
+        }
+
         req.project = project;
         next();
     } catch (err) {
         res.status(500).json({ error: err.message });
     }
-};
+};

backend/models/Project.js

@@ -61,4 +61,7 @@ const projectSchema = new mongoose.Schema({
     }
 }, { timestamps: true });
 
+projectSchema.index({ owner: 1 });
+
+
 module.exports = mongoose.model('Project', projectSchema);

backend/package-lock.json

@@ -16,6 +16,7 @@
     "dotenv": "^17.2.3",
     "express": "^5.1.0",
     "express-rate-limit": "^8.2.1",
+    "ioredis": "^5.9.2",
     "jsonwebtoken": "^9.0.2",
     "mongoose": "^8.19.2",
     "multer": "^2.0.2",
@@ -28,4 +29,4 @@
     "jest": "^30.2.0",
     "supertest": "^7.1.4"
   }
-}
+}

backend/package.json

@@ -0,0 +1,39 @@
+const redis = require("../config/redis");
+
+async function setProjectByApiKeyCache(api, project) {
+    try {
+        await redis.set(
+            `project:apikey:${api}`,
+            JSON.stringify(project),
+            'EX',
+            60 * 60 * 2
+        );
+    } catch (err) {
+        console.log(err);
+    }
+}
+
+async function getProjectByApiKeyCache(api) {
+    try {
+        const data = await redis.get(`project:apikey:${api}`);
+        if (!data) return null;
+        return JSON.parse(data);
+    } catch (err) {
+        console.log(err);
+        return null;
+    }
+}
+
+async function deleteProjectByApiKeyCache(api) {
+    try {
+        await redis.del(`project:apikey:${api}`);
+    } catch (err) {
+        console.log(err);
+    }
+}
+
+module.exports = {
+    setProjectByApiKeyCache,
+    getProjectByApiKeyCache,
+    deleteProjectByApiKeyCache
+};

backend/services/redisCaching.js

@@ -343,6 +343,10 @@ body {
   flex: 1;
 }
 
+.main-content.full-width {
+  margin-left: 0;
+}
+
 /* Mobile Response for Layout */
 @media (max-width: 768px) {
   .sidebar {