⬡ System Architecture

Click a component to inspect · Run simulation to see the flow

01
🌐
Web Portal
PHP · SQL · Bootstrap
Employee-facing request portal with device catalog and PIN generation.
02
⚡
API & Server
Python · REST
Inventory management, RFID validation, PIN generation, locker control.
03
🔧
Hardware Kiosk
Raspberry Pi · RFID · 3D Print
Physical kiosk with touchscreen, badge scanner, and locker mechanism.
🌐

Web Portal

Layer 01
Frontend
HTML5, CSS3, JavaScript, Bootstrap 4 responsive grid
Backend
PHP server-side rendering with MySQL/SQL database queries
Key Feature
Device catalog (laptops, mice, keyboards, headsets) with real-time availability
Output
Unique 4-digit PIN + locker assignment (floor, side, number)
Built By
Sam Bloch — full-stack development
Auth
Quicken Loans employee email tied to company RFID badge
⚡

API & Server

Layer 02
Language
Python — application logic and locker control scripts
Interface
REST API connecting web portal to physical hardware
Functions
Inventory mgmt, RFID validation, PIN generation, locker door control
Security
Dual-auth: RFID badge scan + unique per-request PIN code
Built By
Matthew Brown — Python application development
Tracking
Device checkout status, user history, return monitoring
🔧

Hardware Kiosk

Layer 03
Computer
Raspberry Pi running Raspian OS — under $50 in hardware
Display
Touchscreen interface for PIN entry and status display
Scanner
RFID badge reader for Quicken Loans employee ID cards
Enclosure
Custom 3D-printed case — designed and printed by Sam
Mechanism
GPIO-controlled locker door release on successful auth
Devices
4 types: loaner laptops, mice, keyboards, headsets
Interactive diagram · Smart Locker System · Quicken Loans 2019