Equipment Inventory

Login to check out / check in Lenovo laptops & desktops.
Admin can add/remove devices and configure camera scanning.

Demo: This mockup uses localStorage (no database yet). We’ll replace this with real auth + DB later.
Demo accounts (change later):
• Admin: admin / admin123
• User: user / user123

Equipment Inventory

Check out / check in assets

Logged in as -- --

Check Out / Check In

Scan an asset tag (or type it) to load the device. This view is for regular users.

Ready. Scan or type an asset tag. Admin can configure camera scanning under Admin → Camera Settings.

--

--

Available
Asset Tag --
Serial --
Type --
Model --
Current Holder --

Snapshot

Counts from the sample device list in this mockup.

Available0
Checked Out0
In Repair0

Recently used

This simulates your audit log/history.

No activity yet.

Admin

Add/remove devices, manage logins, and configure camera scanning.

Add Device

Lenovo laptops/desktops should be tracked by asset tag + serial number.

Devices

Add User

For the real system, user auth will live in the backend/database (not in browser storage).

Users

Camera scanning works best on HTTPS. Some browsers require HTTPS to use the camera. This mockup saves settings to localStorage.
Preview running. If native scanning is supported, it could auto-detect codes later.

Saved settings

Preferred Camera--
Scan Mode--

Admin notes

When we build the database, this is where we’ll wire in real tables + permissions.

  • Users: stored server-side (hashed passwords) + roles.
  • Devices: Lenovo assets with AssetTag + Serial.
  • Transactions: checkout / return history (who, when, notes).
  • Camera settings: stored per device or per kiosk station.

Quick actions

Mock shortcuts.

Resets localStorage sample users/devices/activity (for testing layouts).