FOIA Portal Prototypes
Static frontend prototypes for the Freedom of Information Act request portal. Open any page directly in your browser — no server required.
Public Portal
Citizen-facing pages for submitting requests and an authenticated account experience for tracking them, messaging the agency, and filing appeals
Home Page
NewPublic front door: what to expect, and two task actions — Start a request, Track a request
/public/home
Request Submission Form
PrimaryVerified requesters only: 4-step wizard with validation, file upload, and draft auto-save
/public/new-request
Confirmation Page
Success screen with tracking number and next steps
/public/confirmation
Sign In
NewEmail verification code (or Login.gov, coming soon). Required before submitting a request or viewing an account
/public/login
View Requests
NewAuthenticated account: Updates widget, all submitted requests, in-portal messaging
/public/requests
Admin Dashboard
Internal agency interface for managing FOIA request lifecycle
Request List View
AdminFilterable data table with status badges, quick actions, and Appeals queue tab
/admin/dashboard
File a Request
Admin NewAgency-side intake for requests that arrived by mail, email, fax, phone, in person, or referral. Email optional; records the true receipt date
/admin/new-request
Request Detail View
Full request details with tabs: Overview, Correspondence, Documents, Appeal
/admin/requests/:id
Permission Management
NewManage org roles, department access, and FOIA permissions for all users
/admin/users
Reporting & Analytics
Operational intelligence, team metrics, and federal compliance reporting
Executive Summary
P24 KPI cards + line, donut, histogram, and area charts
/admin/reports
Team Performance
Workload charts, time-in-status, overdue rates, fee collection
/admin/reports/team
Compliance Reporting
Federal report generator with NIEM-XML, CSV, and PDF export
/admin/reports/compliance
Audit Log Viewer
Filterable event table with expandable details and CSV export
/admin/reports/audit
Demo Data Available
The prototypes include mock data for testing. Sign in on the public portal with any of these emails (no password — just complete the on-screen demo verification code):
| Sign-in email | Requests | What it demonstrates |
|---|---|---|
alice.brown@dailynews.com
|
3 (DOT-2026-001, 011, 012) | Multi-request account; all 3 Updates widget types (transactional, pending action, download-ready) |
bob.johnson@email.com
|
1 (DOT-2026-002) | Action needed — awaiting clarification response |
emily.wilson@nonprofit.org
|
1 (DOT-2026-005) | Closed — records released, redesigned Documents tab |
kmitchell@investigates.org
|
1 (DOT-2026-008) | Closed Appeal tab — filed |
treed@aclu-state.org
|
1 (DOT-2026-009) | Closed Appeal tab — closed, outcome shown |
dvasquez@legal-aid.org
|
1 (DOT-2026-010) | Closed Appeal tab — pending review |
Design System
Colors
Typography
Open Sans
Base: 14px (text medium)
Accessibility
WCAG 2.1 AA
Section 508 Compliant