FounderMatch

A mobile-first MVP prototype — Tinder, but for finding co-founders, collaborators, and early team members. Built with React, Vite, Tailwind CSS, and Framer Motion. Frontend only, all mock data, no backend.

Run locally

npm install
npm run dev

Then open the URL Vite prints (usually http://localhost:5173). The prototype is framed as a phone on desktop and goes full-bleed on a real device.

What's inside

• Landing — branding, tagline, Create account / Log in.
• Onboarding — 12-step flow: name, photo, auto-detected location, role, stage, industries, skills offered/wanted, bio, looking for, commitment, links.
• Discover — drag-and-drop swipe deck with physics, LIKE/PASS stamps, plus Pass / Super Connect / Like buttons. Realistic sample founders.
• Match modal — celebratory "It's a match" screen with the shared-interest reason.
• Chat — match list + new-matches rail, conversation view, message bubbles, founder prompt chips, canned replies.
• Profile — view/edit profile, update photo, settings (toggles, Terms & Conditions, delete account with confirmation, log out).
• Flame a Founder — the "currently building" teaser with animated build-progress and a waitlist (intentionally not launched).
• Bottom nav — Discover, Matches, Flame, Chat, Profile.

Tips for the demo

• Swipe Sarah, Priya, or Elena right (or use the Like button) to trigger a match.
• Log in jumps straight into the app with a seeded profile and existing matches/chats.

Structure

src/
  components/   Avatar, SwipeCard, BottomNav, Tag, icons
  screens/      Landing, Onboarding, Discover, MatchModal, Chat, Profile, FlameTeaser
  data/         founders.js  (mock founders, matches, constants)
  App.jsx       navigation + state