Flow library

Every product system in one readable index.

Explore the architectural decisions, hard bugs encountered in production, and verified fixes built across MedLinkJobs and MRecruit. Each case study features an interactive live demo.

All FlowsIdentity & AccessWorkflow & FormsData & SearchGrowth & SEO
Next.jsMedLinkJobs, MRecruit

Auth and session protection

How protected routing, token validation, and trusted session checks keep users moving confidently through a hiring platform.

Next.jsMiddlewareJWT
SchedulingMRecruit

Interview workflow with Google Calendar sync

How optimistic scheduling and clear state transitions reduce the feeling of delay during interview coordination.

SchedulingGoogle CalendarOptimistic UI
RecurrenceMRecruit

Task planning with recurrence logic

Why recurring work needs local time awareness, readable rules, and a user-centered schedule model.

RecurrenceTime zonesScheduling
AlgoliaMedLinkJobs, MRecruit

Faceted search and fast discovery

Designing search so candidates, jobs, and filters feel structured instead of noisy and overwhelming.

AlgoliaFacetsDebounced search
FormsMRecruit

Candidate onboarding and intake workflow

Building a multi-step candidate form that stays resilient as rows, documents, and nested data keep changing.

FormsField arraysValidation
Wizard flowMRecruit

Offer creation and final review workflow

How a multi-step offer flow keeps a hiring decision aligned with the final document and the reviewer’s confidence.

Wizard flowPreview generationReview state
Data viewsMRecruit

List, quick view, and full detail patterns

How dense operational screens stay usable when a user moves between list, context, and full detail.

Data viewsDrawer UINavigation
Resume parsingMRecruit

Resume parsing and structured field mapping

Turning messy resumes into clean candidate data with a disciplined mapping layer and a human review step.

Resume parsingAffindaNormalization
Next.jsMedLinkJobs

Content generation and caching strategy

Balancing speed, SEO, and freshness when content-heavy pages need to stay discoverable and reliable.

Next.jsSSGISR
SEOMedLinkJobs

SEO routing and discoverable pages

How route-aware pages and metadata make job and city pages more useful to both people and search engines.

SEOMetadataNext.js routing
MiddlewareMedLinkJobs

Edge middleware and request guarding

Using the edge to redirect users before they enter the wrong app state or protected route.

MiddlewareJWT validationNext.js edge
Data gridMRecruit

Polymorphic data grid

One reusable table system adapting across candidates, jobs, vendors, interviews, and offer records without duplicating logic.

Data gridPolymorphismConfig-driven UI
Portfolio navigation

Find a flow or action

Search all twelve flows, sections, and display settings.