FinSearches

We Rebuilt a Financial Search Platform From Figma to Production - On Time, Despite a Stack Pivot.

FinSearches is a fully redesigned, production-ready financial search platform we delivered end-to-end - from translating Figma designs into pixel-perfect code, to building complex data infrastructure, integrating Microsoft Entra ID authentication, and shipping to Azure.

The project expanded mid-engagement from a UI-only build to full API integration, and included a complete tech stack pivot from ShadCN to Mantine UI. We absorbed both changes without missing a beat.

What We Built, End-to-End:

• Homepage: Full Figma-to-code implementation - clean, modern, conversion-focused
• Firm Details Page: Sidebar navigation, overview tabs, interactive Google Maps, and multi-column sortable data tables
• Contact Details Page: Rich contact info display with data visualization and relationship mapping
• Authentication System: Complete Microsoft Entra ID (MSAL) login/signup flow for fully protected routes

Advanced Engineering:

• Data Visualization: Charts + Google Maps API for geographic and relationship data rendering
• Complex Server-Side Tables: Pagination, sorting, and column-specific filtering - all server-driven
• State Management: TanStack Query (React Query) for efficient server-state management and caching
• Responsive Design: Pixel-perfect across all breakpoints, directly from Figma specs

What We Overcame:

1. Scope expansion mid-project: UI-only → full API integration
2. Tech stack pivot: ShadCN → Mantine UI, absorbed without delays
3. Complex Microsoft Entra ID auth flows with MSAL tokens

Tech Stack:

React.js + TypeScript · Mantine UI · TailwindCSS · Azure Static Web Apps · Render (PR previews)

"We delivered a production-ready financial platform - absorbing a full stack pivot and scope expansion mid-project, without slipping the timeline."