WarmPath - Dan and Nikunj

Inspiration

Reaching out to influential people like investors, mentors, collaborators often feels like shouting into the void. Cold outreach has dismal response rates. We realized the best path to anyone is through warm introductions, but mapping those connections manually is exhausting. WarmPath was born from the idea: what if AI could instantly find the shortest social path between you and anyone?

What it does

WarmPath helps users discover the warmest introduction path to any public figure. Enter a target name, describe your background, and WarmPath generates an interactive network graph showing connections in 4 categories: Manager, Collaborator, Media, Colleague with AI-crafted outreach messages tailored to each node. Users can bookmark contacted nodes, copy social handles with one click, and track their outreach progress visually.

How we built it

• Frontend: React 18 + TypeScript, styled with Tailwind CSS and shadcn/ui components, with a custom SVG-based interactive network graph • Backend: Supabase, FastAPI, anthropic, “Export Twitter Followers” Extension • Key Features: Real-time graph rendering, clipboard integration for contact handles, bookmark/contacted tracking, optional LinkedIn & X profile linking for richer outreach context

Challenges we ran into

• Designing an interactive network graph from scratch in SVG that handles dynamic node counts, edge rendering, click interactions, and visual states (bookmarked, selected) without a dedicated graph library • Crafting AI prompts that return structured, parseable JSON for connection paths while keeping outreach messages natural and personalized • Balancing information density in the node popup UI without overwhelming the user

Accomplishments that we're proud of

• A fully functional end-to-end networking tool built rapidly from search to AI-generated paths to actionable outreach • The custom network graph visualization that feels intuitive and visually striking with neon-themed dark UI • One-click handle copying with toast feedback with small detail, big UX win

What we learned

• How to build complex interactive SVG visualizations in React without heavy libraries • Prompt engineering for structured AI outputs that integrate seamlessly into UI workflows • The importance of micro-interactions (copy-to-clipboard, bookmark toggles) in making tools feel polished

What's next for WarmPath

• User authentication & persistence save search history, bookmarks, and outreach progress across sessions • Real-time social data integration pull live Twitter/LinkedIn connections for more accurate paths • Multi-hop outreach tracking, a CRM-lite dashboard showing which paths converted into actual introductions • Chrome extension trigger WarmPath directly from any LinkedIn or X profile page

Built With

• fastapi
• react
• supabase
• tailwind
• typescript
• vite