dns-prefetch, update docker file, removed unauthorized console error

Author: sunjay-dev

Backend/.dockerignore

@@ -1,26 +1,34 @@
-# Node modules (don’t copy your host’s node_modules)
-node_modules
-npm-debug.log
+# Include any files or directories that you don't want to be copied to your
+# container here (e.g., local build artifacts, temporary files, etc.).
+#
+# For more help, visit the .dockerignore file reference guide at
+# https://docs.docker.com/go/build-context-dockerignore/
 
-# Environment variables
-.env
-.env.local
-.env.test
-.env.production
-
-# Logs
-logs
-*.log
-
-# OS / Editor junk
-.DS_Store
-.vscode
-.idea
-
-# Git
-.git
-.gitignore
-
-# Docker itself
-Dockerfile
-.dockerignore
+**/.classpath
+**/.dockerignore
+**/.env
+**/.git
+**/.gitignore
+**/.project
+**/.settings
+**/.toolstarget
+**/.vs
+**/.vscode
+**/.next
+**/.cache
+**/*.*proj.user
+**/*.dbmdl
+**/*.jfm
+**/charts
+**/docker-compose*
+**/compose.y*ml
+**/Dockerfile*
+**/node_modules
+**/npm-debug.log
+**/obj
+**/secrets.dev.yaml
+**/values.dev.yaml
+**/build
+**/dist
+LICENSE
+README.md

Backend/Dockerfile

@@ -1,17 +1,76 @@
-FROM node:20-alpine AS base
+# syntax=docker/dockerfile:1
 
-WORKDIR /app
+# Comments are provided throughout this file to help you get started.
+# If you need more help, visit the Dockerfile reference guide at
+# https://docs.docker.com/go/dockerfile-reference/
 
-RUN  npm i -g pnpm
+# Want to help us make this template better? Share your feedback here: https://forms.gle/ybq9Krt8jtBL3iCk7
 
-COPY package*.json pnpm-lock.yaml* ./
+ARG NODE_VERSION=22.18.0
+ARG PNPM_VERSION=10.11.0
 
-RUN pnpm install
+################################################################################
+# Use node image for base image for all stages.
+FROM node:${NODE_VERSION}-alpine as base
 
+# Set working directory for all build stages.
+WORKDIR /usr/src/app
+
+# Install pnpm.
+RUN --mount=type=cache,target=/root/.npm \
+    npm install -g pnpm@${PNPM_VERSION}
+
+################################################################################
+# Create a stage for installing production dependecies.
+FROM base as deps
+
+# Download dependencies as a separate step to take advantage of Docker's caching.
+# Leverage a cache mount to /root/.local/share/pnpm/store to speed up subsequent builds.
+# Leverage bind mounts to package.json and pnpm-lock.yaml to avoid having to copy them
+# into this layer.
+RUN --mount=type=bind,source=package.json,target=package.json \
+    --mount=type=bind,source=pnpm-lock.yaml,target=pnpm-lock.yaml \
+    --mount=type=cache,target=/root/.local/share/pnpm/store \
+    pnpm install --prod --frozen-lockfile
+
+################################################################################
+# Create a stage for building the application.
+FROM deps as build
+
+# Download additional development dependencies before building, as some projects require
+# "devDependencies" to be installed to build. If you don't need this, remove this step.
+RUN --mount=type=bind,source=package.json,target=package.json \
+    --mount=type=bind,source=pnpm-lock.yaml,target=pnpm-lock.yaml \
+    --mount=type=cache,target=/root/.local/share/pnpm/store \
+    pnpm install --frozen-lockfile
+
+# Copy the rest of the source files into the image.
 COPY . .
+# Run the build script.
+RUN pnpm run build
+
+################################################################################
+# Create a new stage to run the application with minimal runtime dependencies
+# where the necessary files are copied from the build stage.
+FROM base as final
+
+# Use production node environment by default.
+ENV NODE_ENV production
+
+# Run the application as a non-root user.
+USER node
+
+# Copy package.json so that package manager commands can be used.
+COPY package.json .
+
+# Copy the production dependencies from the deps stage and also
+# the built application from the build stage into the image.
+COPY --from=deps /usr/src/app/node_modules ./node_modules
+COPY --from=build /usr/src/app/dist ./dist
 
-RUN npm run build
 
+# Expose the port that the application listens on.
 EXPOSE 3000
 
-CMD ["npm", "start"]
+# Run the application.
+CMD ["node", "dist/app.js"]

Backend/src/controllers/user.controllers.ts

@@ -237,7 +237,7 @@ export const handleGoogleCallBack = async (req: Request, res: Response, next: Ne
             maxAge: 24 * 60 * 60 * 1000
         });
 
-        res.redirect(`${process.env.CLIENT_URL}/`);
+        res.redirect(`${process.env.CLIENT_URL}/dashboard`);
     } catch (error) {
         next(new InternalServerError("Error while creating account with Google."));
     }

Backend/src/middlewares/auth.middlewares.ts

@@ -40,4 +40,43 @@ export function restrictUserLogin(req: Request, res: Response, next: NextFunctio
     res.status(401).json({ message: "Authentication failed" });
     return;
   }
+}
+export function softRestrictUserLogin(req: Request, res: Response, next: NextFunction): void {
+  let token = req.cookies?.token;
+
+  if (!token && typeof req.headers.authorization === "string") {
+    const authHeader = req.headers.authorization;
+    if (authHeader.startsWith("Bearer ")) {
+      token = authHeader.split(" ")[1];
+    }
+  }
+
+  if (!token) {
+    res.status(200).json({
+      authorized: false,
+      message: "Please login again or create a new account."
+    });
+    return;
+  }
+
+  try {
+    const verifiedUser = verifyToken(token);
+   if (!verifiedUser) {
+      res.status(200).json({
+        authorized: false,
+        message: "Invalid or expired token"
+      });
+      return;
+    }
+
+    req.jwtUser = verifiedUser;
+    next();
+  } catch (err) {
+    console.error("Auth error:", err);
+    res.status(200).json({
+      authorized: false,
+      message: "Authentication failed"
+    });
+    return;
+  }
 }

Backend/src/routes/user.routes.ts

@@ -2,7 +2,7 @@ import express from "express";
 import passport from "passport";
 import { Request, Response } from "express";
 import { handleUserLogin, handleUserRegister, handleChangeUserDetails, handleForgotPassword, handleUserLogout, handleUserDetails, handleGoogleCallBack, handleResetPassword, handleUserVerification, handleOtpResend } from "../controllers/user.controllers";
-import { restrictUserLogin } from "../middlewares/auth.middlewares";
+import { restrictUserLogin, softRestrictUserLogin } from "../middlewares/auth.middlewares";
 import { changeUserDetailsSchema, forgotPasswordSchema, loginSchema, registerSchema, resetPasswordSchema, verifyUserIdSchema, verifyUserSchema  } from "../schemas/user.schema";
 import { validate } from "../middlewares/validate.middlewares";
 const router = express.Router();
@@ -23,7 +23,7 @@ router.get('/auth/google/callback',
   passport.authenticate('google', { session: false }), handleGoogleCallBack);
 
 router.get('/logout', handleUserLogout);
-router.get('/details', restrictUserLogin, handleUserDetails);
+router.get('/details', softRestrictUserLogin, handleUserDetails);
 
 router.post('/login',  validate(loginSchema), handleUserLogin);
 router.post('/register',validate(registerSchema) , handleUserRegister);

Frontend/index.html

@@ -5,6 +5,8 @@
   <meta charset="UTF-8" />
   <link rel="icon" href="/logo.webp" type="image/webp">
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="dns-prefetch" href="https://request.cronjon.site" />
+<link rel="preconnect" href="https://request.cronjon.site" crossorigin />
   <title>CronJob Scheduler</title>
 </head>
 

Frontend/src/components/common/Header.tsx

@@ -34,7 +34,7 @@ export default function Header({ sidebarOpen, setSidebarOpen }: Props) {
         dispatch(logout());
         dispatch(clearJobs());
         navigate("/login");
-      }).catch(err => console.error(err))
+      }).catch(err => console.error(err));
 
   }
   return (

Frontend/src/components/routes/ProtectedRoute.tsx

@@ -2,7 +2,6 @@ import { useState, useEffect } from 'react';
 import { Outlet, Navigate } from 'react-router-dom';
 import { logout, setAuth } from '../../slices/authSlice';
 import { useAppDispatch } from '../../hooks';
-import type { User } from '../../types';
 import { Loader } from '../common';
 import { clearJobs } from '../../slices/jobSlice';
 
@@ -17,21 +16,18 @@ export default function Layout() {
       credentials: 'include',
     })
       .then(async (res) => {
-
-        if (res.status === 401) {
-          dispatch(logout());
-          dispatch(clearJobs());
-          setAuthorized(false);
-          return null;
-        }
-
         const data = await res.json();
         if (!res.ok)
           throw new Error(data.message || "Something went wrong, Please try again later.");
         return data
       })
-      .then((data: User | null) => {
-        if (!data) return;
+      .then(data => {
+        if (data.authorized === false) {
+          dispatch(logout());
+          dispatch(clearJobs());
+          setAuthorized(false);
+          return null;
+        }
 
         setAuthorized(true);
 

Frontend/src/pages/Dashboard.tsx

@@ -17,6 +17,7 @@ export default function Dashboard() {
     disabled: 0,
     logs: 0
   });
+  const user = useAppSelector(state => state.auth.user);
   const jobs = useAppSelector(state => state.jobs.jobs);
   const dispatch = useAppDispatch();
   const [isLoading, setIsLoading] = useState(true);
@@ -35,6 +36,7 @@ export default function Dashboard() {
 
   useEffect(() => {
 
+    if (!user) return;
     if (jobs.length !== 0) return;
 
     fetch(`${import.meta.env.VITE_BACKEND_URL}/api/jobs`, {
@@ -52,9 +54,10 @@ export default function Dashboard() {
 
         dispatch(setJobs(data));
       }).catch(err => console.error(err));
-  }, [dispatch, jobs.length])
+  }, [dispatch, jobs.length, user])
 
   useEffect(() => {
+    if (!user) return;
     let intervalId: ReturnType<typeof setInterval> | undefined;
 
     const fetchLogs = () => {
@@ -96,7 +99,7 @@ export default function Dashboard() {
       if (intervalId)
         clearInterval(intervalId);
     };
-  }, [page]);
+  }, [page, user]);
 
   return (
     <>

README.md

@@ -15,6 +15,7 @@ A simple yet powerful cron job scheduler to automate recurring API requests (GET
 - ✨ Toggle jobs on/off without deleting them
 - 💻 Clean React + Tailwind 
 - 🔐 JWT-based authentication
+- ⚡ Dedicated **Job Runner** for background execution
 
 ---
 
@@ -35,6 +36,7 @@ A simple yet powerful cron job scheduler to automate recurring API requests (GET
 ![Zod](https://img.shields.io/badge/Zod-7C3AED.svg?style=for-the-badge&logo=zod&logoColor=white)
 ![Upstash](https://img.shields.io/badge/Qstash-10B981.svg?style=for-the-badge&logo=upstash&logoColor=white)
 ![Pino](https://img.shields.io/badge/Pino-4B9E5F.svg?style=for-the-badge&logo=pino&logoColor=white)
+![Docker](https://img.shields.io/badge/Docker-2496ED.svg?style=for-the-badge&logo=docker&logoColor=white)
 
 ---
 
@@ -79,6 +81,17 @@ pnpm install
 pnpm run dev
 ```
 
+### 4. Setup Job Runner 
+> ⚡ Required for actual scheduling
+
+```bash
+cd job-runner
+pnpm install
+cp .env.example .env
+# Make sure the MongoDB URI matches the backend
+pnpm run dev
+```
+
 ### 4. Setup Email Service (Optional)
 > ⚡ Only needed if you want to test/run email service.
 
@@ -99,6 +112,7 @@ pnpm run dev
 CronJob-Scheduler/
 ├── Backend/        # Server (Express + Agenda.js)
 ├── Frontend/       # Client (React + Tailwind)
+├── job-runner/     # Background worker (Agenda.js)
 ├── email-service/  # Email microservice (Express + Resend)
 ├── README.md
 ```