live
GreenCardGuide
Preview unavailable Project record remains available below.
A clearer path through green-card planning.
A bilingual, source-backed informational guide to U.S. green card pathways, with pathway browsing, checklist flows, official-source tracking, admin review tools, and freshness operations.
Informational only, not legal advice; users should verify decisions against official sources.
Read case study brief · what i owned · key decisions · what was delivered · evidence · result · implementation
The problem
Permanent-residency information is spread across pathway families, forms, evidence requirements, and changing official guidance. A useful guide must make the next step understandable without pretending to replace legal advice.
What I owned
- Product architecture, full-stack engineering, structured content system, public information design, and freshness workflow.
Key decisions
- Organize the product around pathway exploration and question-led process guides instead of one universal eligibility quiz.
- Keep source traceability and review/freshness operations inside the product rather than treating content as static marketing copy.
- State the informational boundary prominently and route consequential decisions back to official sources.
What was delivered
- Covers all 48 immigrant-visa pathways with English and Spanish routing and 48 pathway detail pages.
- Includes checklist support for 17 supported combinations, printable results, document library, FAQ, glossary, public feedback, and admin surfaces.
- Built with Next.js App Router, React, TypeScript, OpenNext Cloudflare Workers, Cloudflare KV, Vitest, and Wrangler.
Evidence
- The live bilingual site exposes pathway exploration, process guides, document-library routing, glossary/FAQ support, and printable checklist flows.
- Approved captures show the home, pathway explorer, document library, and process-guide entry surfaces.
Result
- Large structured immigration-information product with deterministic checklist rules and official-source traceability.
- Deploy workflow includes launch validation and a separate freshness worker.
Implementation
- Next.js
- React
- Cloudflare Workers
- KV
- TypeScript
- Next.js
- React
- Cloudflare Workers
- KV
- TypeScript