Apartment Visitor Pre-Approval Portal

Apartment gate security runs on phone calls: a visitor arrives, the guard calls the flat, the resident — often in a meeting — doesn't pick up, and the visitor waits while the queue builds. Pre-approval flips this: the resident registers expected visitors in advance, the gate receives a pass code, and entry becomes a code check instead of a phone chase. This project builds the resident side of that loop as a web portal — pre-approve guests with purpose, date, time and vehicle details, generate instant 6-digit gate passes, watch the live visitor board, and review a 7-day history. No hardware, no guard-side app needed for the resident workflow to demonstrate its value.

1. The resident fills the pre-approval form: name, phone, purpose, date, expected time and optional vehicle number.
2. Submitting generates a unique 6-digit gate pass and renders it as a formatted pass card with flat A-1204 context.
3. Share buttons send the code to the visitor over WhatsApp or SMS (simulated with confirmation in the demo).
4. The visitor is appended to today's list with an "Expected" pill; dashboard counts update.
5. The gate verifies the code against the live board instead of calling the flat — the status moves to "Inside now" on entry.
6. Checkout updates the status again; the visit lands in the 7-day history with in/out times.
7. Passes are date-bound — a code is valid for its selected date only.

Tech stack:

• HTML5, CSS3, JavaScript (ES6)
• Single-file app — runs fully offline
• Client-side pass-code generation
• Status-lifecycle state machine
• Share-action UI patterns

• [Pre-approval form] Visitor name, phone, purpose, date, expected time and optional vehicle number — one form covers every gate question.
• [Instant 6-digit gate passes] Unique code per approval rendered as a formatted gate-pass card with flat, purpose and validity context.
• [Live today's-visitors board] Expected, checked-in, awaiting and checked-out counts with per-visitor rows, codes and status pills.
• [Pass sharing] One-tap WhatsApp and SMS share actions so the code reaches the visitor before they travel.
• [7-day visitor history] Every past entry with purpose, date and in/out times — the society's paper register, digitized.
• [Status lifecycle] Expected → Inside now → Checked out, color-coded so the gate's state is readable at a glance.
• [Pre-seeded realistic data] Five visitors across all statuses plus a full week of history, so every screen demos immediately.

• Working visitor pre-approval portal web app
• Complete source code with comments
• Project report PDF (background, gate-management problem, pass design, screens)
• PPT presentation for final review
• Viva Q&A preparation document (web concepts, token design, state lifecycle)

• Pass codes are generated client-side in the demo; a production system needs server-issued, single-use codes with expiry enforcement.
• No guard-side verification app — the demo shows the resident workflow; guard check-in is simulated.
• Share actions simulate delivery; real WhatsApp/SMS integration needs API credentials.
• No photo capture or ID verification at the gate in this build.
• Single flat assumed; multi-flat or family-member roles are out of scope.
• The demo's "Inside now" transitions are manual; sensor-based auto-detection is future scope.