CABS — Chinese American Biopharmaceutical Society · San Francisco Bay Area · 3,500+ members
cabsweb.org · DS4CABS · Built by ds4cabs
CABSweb transforms CABS from a traditional event- and membership-focused website into a comprehensive talent, knowledge, and innovation ecosystem for the global life sciences community. Members discover mentors, experts, founders, investors, careers, educational resources, and strategic collaborations through an AI-powered, personalized experience.
The site is built in two layers:
- Public site — a fast, welcoming marketing presence that mirrors cabsweb.org (Home, News & Events, Members, Sponsors, Donate, About).
- Member app — eight AI-powered modules that turn CABS's people and content into a living, searchable ecosystem.
| Page | Route | Purpose |
|---|---|---|
| 🏠 Home | / |
Landing page with the CABS story and module entry points. |
| 📰 News & Events | /knowledge-hub |
Conferences, talks, and the content pipeline. |
| 👥 Members | /talent-graph |
The searchable community of members and leaders. |
| 🤝 Sponsors | /sponsorship |
Sponsorship tiers and partnership management. |
| 💝 Donate | /donate |
Support CABS as a non-profit — scholarships, programs, conferences. |
| ℹ️ About Us | /about |
Mission, community stats, and what CABS stands for. |
| Module | What it does |
|---|---|
| 🎛️ Dashboard | Personalized member home — AI-surfaced people, knowledge, events, and opportunities. |
| 🕸️ Talent Graph | Searchable graph of members and industry leaders by name, company, and expertise. |
| 🤖 AI Assistant | Retrieval-augmented assistant grounded in CABS content and institutional knowledge, with citations. |
| 📚 Knowledge Hub | Auto-converts conference recordings into searchable summaries, transcripts, newsletters, podcasts, and reports. |
| 🚀 Founder & Investor Network | Startup formation and fundraising — matches ventures to investors by stage, thesis, and focus. |
| 🧭 Mentorship Matching | AI-ranked mentor↔mentee matches with a transparent scoring rationale. |
| 💼 Careers | Roles, advisory seats, and internships matched to expertise and career stage. |
| 🤝 Sponsorship & Partnerships | End-to-end sponsor lifecycle management, synced with HubSpot CRM. |
- Frontend: Next.js 14 (App Router) + React 18 + TypeScript + Tailwind CSS
- Typography: Inter + JetBrains Mono via
next/font(self-hosted, zero layout shift) - Backend / DB: Supabase (Postgres, storage, RLS, realtime)
- Auth / identity: Clerk (default) or Auth0
- AI: OpenAI — embeddings, semantic search, recommendations, generation, assistant
- Vector search: pgvector (default) / Pinecone / Qdrant
- CRM: HubSpot
- Payments: Stripe (membership + ticketing)
- Events: Zoom + Eventbrite (recordings feed the Knowledge Hub)
Runs with zero secrets. Every integration is a swappable adapter that degrades gracefully to seeded demo data and deterministic AI fallbacks. Add real keys in
.env.localto light each one up — the corresponding badge on the homepage flips frommocktoconnected.
git clone https://github.com/ds4cabs/CABSweb.git
cd CABSweb
npm install
cp .env.example .env.local # optional — fill in keys to enable live integrations
npm run dev # http://localhost:3000Useful scripts:
npm run build # production build
npm run start # serve the production build
npm run lint # next lint
npm run typecheck # tsc --noEmitsrc/
├── app/ # Next.js App Router
│ ├── layout.tsx # root layout, fonts, header/footer
│ ├── page.tsx # landing page
│ ├── about/ # mission + community stats
│ ├── donate/ # non-profit giving
│ ├── dashboard/ # personalized member home
│ ├── talent-graph/ # searchable member/leader graph (client)
│ ├── assistant/ # AI assistant chat (client)
│ ├── knowledge-hub/ # content pipeline + assets + events
│ ├── network/ # founder & investor network
│ ├── mentorship/ # AI mentor matching
│ ├── careers/ # opportunities + development
│ ├── sponsorship/ # partnership management
│ └── api/{search,assistant}/route.ts
├── components/ # SiteHeader, SiteFooter, Brand, PageHeader
├── lib/
│ ├── ai/ # search, assistant, recommend (OpenAI + fallbacks)
│ ├── integrations/ # external service registry / adapters
│ ├── data/seed.ts # seeded demo data modeled on CABS
│ ├── env.ts # env access + capability flags
│ └── nav.ts # navigation / module registry
└── types/ # domain types
See docs/ARCHITECTURE.md for the full data flow and how to wire each
integration into production.
- Wire Supabase schema + row-level security and replace seed data
- Clerk/Auth0 session gating on member-only modules
- Live OpenAI embeddings + pgvector semantic search
- Zoom/Eventbrite ingestion → automated transcript/summary/podcast pipeline
- Stripe membership tiers + event ticketing
- HubSpot bidirectional CRM sync for members and sponsors
This project is developed and maintained by ds4cabs, the data-science and AI initiative of CABS. Contributions from the community are welcome — open an issue or PR.
MIT © Chinese American Biopharmaceutical Society (CABS). See LICENSE.