- React
- Auth0
- Plaid API
- Complex forms
A fair rate calculator for loans and mortgages.
A Next.js app to compare home loan options: browse offers, choose a product, and move through the flow toward settlement with a modern loan experience. The UI pairs Plaid for financial context with Auth0 for identity and gated flows.
Features
- Rate comparison: Compare loan offers and find competitive rates for your scenario.
- Choose & settle: Select a loan and progress through structured steps toward settlement.
- Authenticated journeys: Auth0-backed sign-in for secure, account-specific experiences.
- Bank-aware flows: Plaid integration where linking accounts improves rate accuracy or underwriting-style inputs.
- Complex forms: Multi-step forms with validation for income, property, and loan parameters.
Architecture
- Next.js (Pages Router): Server and client pages for marketing, application, and dashboard-style steps.
- Identity: Auth0 handles authentication/authorization so user-specific loan data stays scoped correctly.
- Financial data: Plaid links financial institutions when the product requires verified balances or account metadata.
- State: React context (and related patterns) coordinate wizard state across steps without prop drilling everywhere.
Tech Stack
- React: UI components, wizards, and dashboards.
- Auth0: Login, sessions, and protected routes.
- Plaid API: Bank linking and financial data for underwriting-style inputs.
- Complex forms: Validation, conditional fields, and multi-step UX for mortgage applications.
