Find'n'Secure Next Gen — Frontend Prototype

This started as a clickable visual prototype; most screens below have since been rebuilt on the real backend, with real login, real authorization, and real (if seeded/demo) data. Every screen below carries its own status: Real backend (served by the real API with real, server-enforced authorization — see that screen's own banner for exactly what remains seeded/demo rather than live-device data), Confirmed (already-approved backend capability), Prototype proposal (UX idea for discussion), or Waiting for contract (needs backend work, such as the tenant-hierarchy contract, that does not exist yet). Only the screens NOT marked Real backend still show invented sample data.

SCREEN 1

Login

Sign in to the platform (illustrative form; no real authentication exists yet).

Prototype proposal
Roles: All roles
SCREEN 2

Forgot Password

Request a password reset link (illustrative; nothing is actually sent).

Prototype proposal
Roles: All roles
SCREEN 3

Main Dashboard

At-a-glance fleet summary with clickable drill-down into filtered vehicle lists.

Real backend
Roles: Embarc / Partner / Reseller / Manager
SCREEN 4

Live Tracking / Map

A large live map with a searchable vehicle list alongside it, clustering, and two-way selection.

Real backend
Roles: Embarc / Partner / Reseller / Manager
SCREEN 5

Vehicle List

Searchable/filterable list of vehicles in scope, filterable by status and company.

Real backend
Roles: Embarc / Partner / Reseller / Manager
SCREEN 6

Vehicle Detail

One vehicle's status, assigned driver/device, visibility, reminders, and recent activity.

Real backend
Roles: Embarc / Partner / Reseller / Manager
SCREEN 7

Vehicle History / Playback

Select a vehicle and a date/time range, then play back its real recorded route with adjustable speed, rewind, fast-forward and stop.

Real backend
Roles: Embarc / Partner / Reseller / Manager / Driver
SCREEN 8

Playback

Animates a vehicle's route with play/pause/stop/rewind/fast-forward and adjustable speed.

Real backend
Roles: Embarc / Partner / Reseller / Manager / Driver
SCREEN 9

Alerts / Events

List of triggered alerts (speeding, offline, invalid fix), filterable by severity and vehicle.

Real backend
Roles: Embarc / Partner / Reseller / Manager / Driver
SCREEN 10

Alert Delivery Policy

Which channels (in-app/email/WhatsApp/push) are used per alert severity, per organisation.

Real backend
Roles: Embarc / Partner / Reseller / Manager
SCREEN 11

Geofences

Named circular zones shown on the map, scoped by organisation.

Real backend
Roles: Embarc / Partner / Reseller / Manager / Driver (read-only)
SCREEN 12

Landmarks / POIs

User-defined points of interest shown on the map.

Real backend
Roles: Embarc / Partner / Reseller / Manager / Driver (read-only)
SCREEN 13

Reminders

Distance- or date/time-triggered reminders for any purpose, not only service.

Real backend
Roles: Embarc / Partner / Reseller / Manager / Driver (read-only)
SCREEN 14

Scheduled Reports

Recurring report schedules (currently: Alert Summary) with real recipients, timezone-aware next-run computation, and execution history.

Real backend
Roles: Embarc / Partner / Reseller / Manager / Driver (read-only)
SCREEN 15

Credits

Credit balances visible down the Embarc/Partner/Reseller/Company hierarchy, with a real, audited manual adjustment.

Real backend
Roles: Embarc / Partner / Reseller / Manager
SCREEN 16

End User / Company Management

Manage the companies (end users) under a reseller.

Real backend
Roles: Embarc / Partner / Reseller
SCREEN 17

Devices

Read-only registry of tracker devices and which vehicle each is currently associated with.

Real backend
Roles: Embarc / Partner / Reseller / Manager / Driver
SCREEN 18

Manager Management

Manage manager accounts for a company.

Real backend
Roles: Embarc / Partner / Reseller
SCREEN 19

Driver Management

Manage driver records.

Real backend
Roles: Embarc / Partner / Reseller / Manager
SCREEN 20

Partner Management

Manage partners (top tier under Embarc).

Real backend
Roles: Embarc
SCREEN 21

Reseller Management

Manage resellers under a partner.

Real backend
Roles: Embarc / Partner
SCREEN 22

User Profile / Settings / Security

The signed-in user's own identity, a real self-service password change, and real optional Two-Factor Authentication (TOTP).

Real backend
Roles: All roles
SCREEN 23

Notifications

In-app notification feed, rolled up across every alert-generating vehicle in scope.

Real backend
Roles: Embarc / Partner / Reseller / Manager / Driver
SCREEN 24

Manage Hierarchy (real)

Create a subordinate organisation, register a vehicle, and grant/revoke its visibility to a Company.

Real backend
Roles: Embarc / Partner / Reseller
SCREEN 25

Users (real)

Create Manager/Driver accounts within a Company, list users in scope, and disable/enable, change email, or change role for an account.

Real backend
Roles: Embarc / Partner / Reseller / Manager
SCREEN 26

Alert Detail (real)

One alert's severity, message, vehicle, timestamp, acknowledge control, and the Notification/delivery events it generated.

Real backend
Roles: Embarc / Partner / Reseller / Manager / Driver
SCREEN 27

Audit Trail (real)

A bounded, real record of who performed which administrative or security-sensitive action, to what entity, and when -- user administration, vehicle visibility, organisation lifecycle, credit adjustments, security actions (password/2FA), and reminder/landmark/geofence/scheduled-report create/delete.

Real backend
Roles: Embarc / Partner / Reseller / Manager
SCREEN 28

Operating Rules (real)

Configure a generic corridor/restricted-window compliance rule, evaluate it (and a standalone dwell check) against a vehicle's current position, and open a real Incident from an active exception.

Real backend
Roles: Embarc / Partner / Reseller / Manager / Driver (read-only)