Skip to content

thecyberdevvarun/WRL-Visitorpass

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

33 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽŸ๏ธ WRL โ€“ Visitor Pass Management System

Western Refrigeration Pvt. Ltd.

A full-stack MERN application for secure, digital visitor registration, QR-based pass generation, and real-time gate monitoring.


๐Ÿ“Œ Overview

WRL-VisitorPass is an internal enterprise application developed for Western Refrigeration Pvt. Ltd., designed to digitize and automate the entire visitor management process.

This web-based solution enables Security Teams, Admins, and Department Heads to efficiently register visitors, generate A4 printable QR-based passes, and track check-ins/outs in real time.

๐Ÿ” Fully secure with JWT Authentication ๐Ÿ–จ Generates A4 Printable Visitor Passes with QR codes & photos ๐Ÿ“ก Real-time visitor dashboard for Security Control Room ๐Ÿญ Integrated inside the organizationโ€™s MES ecosystem


๐Ÿงฉ Core Features

๐ŸŽซ 1. Visitor Registration + Pass Creation

Security/authorized staff can register:

  • Visitor Name
  • Company
  • Department to meet
  • Purpose of visit
  • Valid From / Valid Till time
  • Capture/Upload Visitor Photo

๐Ÿ“ท 2. Auto QR Code Generation

Each visitor is assigned a unique passId โ†’ converted into a scannable QR code.

Used for:

  • Entry gate scanning
  • Exit gate scanning
  • Verifying authenticity
  • Tracking visit duration

๐Ÿ–จ 3. A4 Printable Visitor Pass

Pass includes:

  • Company header (WRL)
  • Visitor photo
  • QR Code
  • Visitor information
  • Department/employee details
  • Validity period
  • Safety guidelines
  • Signature boxes

The system uses print-only CSS ensuring perfect clean A4 output.


๐Ÿ” 4. Visitor Tracking Dashboard

Security team can monitor:

  • Visitors currently inside the factory
  • Entry/exit timestamp
  • Host employee & department
  • Visit duration (auto-calculated)
  • Overstay alerts

๐Ÿšช 5. QR-Based Entry & Exit

Security at the gate uses QR scanning:

  • On entry โ†’ visitor marked โ€œINโ€
  • On exit โ†’ status updated to โ€œOUTโ€

Prevents unauthorized stay.


๐Ÿ›ก๏ธ 6. Authentication & Authorization

  • JWT-based login
  • Security role
  • Admin role
  • Only authorized users can create or print passes
  • Visitor actions hidden for normal employees

๐Ÿง‘โ€๐Ÿ’ป Tech Stack

Frontend

  • React.js (Vite)
  • React Router
  • Tailwind CSS
  • Redux Toolkit + Persist
  • Axios
  • React Hot Toast
  • QRCode
  • React Datepicker

Backend

  • Node.js
  • Express.js
  • MongoDB / Mongoose
  • Multer (for photo uploads)
  • QR Code Generator
  • JWT Authentication
  • Cookie Parser

๐Ÿ—๏ธ Application Architecture

Overall Workflow

Visitor Arrives
    โ†“
Security User Registers Visitor
    โ†“
System Generates Visitor Pass (QR + Photo)
    โ†“
Print Pass (A4) โ†’ Hand over to Visitor
    โ†“
Entry Gate Scans QR โ†’ Mark IN
    โ†“
Visitor Meets Host
    โ†“
Exit Gate Scans QR โ†’ Mark OUT
    โ†“
System Logs Visit Duration

๐Ÿ–ผ๏ธ Screenshots (Optional Section)

You can add images like:

![Visitor Dashboard](image_link)
![QR Based Pass](image_link)
![Print Layout](image_link)

๐Ÿ” .env Configuration


๐Ÿš€ Getting Started

Backend Setup

cd backend
npm install
npm run dev

Frontend Setup

cd frontend
npm install
npm run dev

Open โ†’ http://localhost:5173


๐Ÿ“ Key Modules Breakdown

๐Ÿงพ 1. VisitorForm.jsx

  • Visitor registration
  • Photo upload
  • Form validation
  • API trigger to create pass

๐Ÿงฒ 2. VisitorPassDisplay.jsx

  • Fetch pass details
  • Generate QR code
  • A4 printable pass
  • Dynamic layout
  • Clean print CSS

๐Ÿ“Š 3. VisitorDashboard.jsx

  • Search visitors
  • Filter by date / status
  • Show inside/outside visitor count
  • Track visit duration

๐Ÿ“ฎ 4. QR Scan Endpoint

Backend verifies:

  • Valid pass
  • Already checked-in/out
  • Expired passes

๐Ÿง  Future Improvements

  • Auto SMS to host employee
  • Email visitor pass PDF
  • Role-based analytics
  • Multi-factory support
  • Mobile scanning app
  • Integration with turnstile gates

๐Ÿ‘จโ€๐Ÿ’ป Developers

Varun Yadav

Software Developer โ€“ MES Team Western Refrigeration Pvt. Ltd., India ๐Ÿ”— https://www.linkedin.com/in/thecyberdevvarun

Vikash Kumar

Software Developer โ€“ MES Team Western Refrigeration Pvt. Ltd., India ๐Ÿ”— https://www.linkedin.com/in/vikash-kumar-54b464336/


๐Ÿ“„ License

This project is internal and proprietary to Western Refrigeration Pvt. Ltd. Unauthorized distribution is prohibited.

About

A full-stack Visitor Management System featuring JWT authentication, QR-based A4 printable passes, photo uploads, and real-time visitor tracking, integrated into an enterprise MES environment for secure factory access control.

Topics

Resources

Stars

2 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages