Rare Disease Connect

Rare Disease Connect is a multi-language rare disease support platform focused on patient education, community connection, genetic information, and care access.

It brings together disease knowledge, gene-related tools, doctor support, funding pathways, and community features in a single React + Vite application, with Capacitor shells for mobile delivery.

Highlights

• Rare disease knowledge base with categorized disease entries
• Disease detail pages with pathology, diagnosis, and care information
• Gene report analysis and gene atlas exploration
• AI companion, information bot, and live support entry points
• Doctor station, registration flow, and support network pages
• Funding center for enterprise, pharma, and foundation support
• Community forum and exchange features
• Multi-language experience for broader accessibility
• Capacitor Android and iOS projects included

Tech Stack

• React 19
• TypeScript
• Vite
• React Router
• Tailwind CSS
• Capacitor
• Gemini API via @google/genai
• Stripe client libraries

Project Structure

• components/: UI pages and shared components
• contexts/: app state providers such as language and auth
• services/: API and integration logic
• constants.ts: copy, disease content, and localized text
• android/: Capacitor Android shell
• ios/: Capacitor iOS shell

Getting Started

Prerequisites

• Node.js 18+
• npm

Local Development

1. Install dependencies:

npm install

2. Create .env.local and set your Gemini API key:

GEMINI_API_KEY=your_api_key_here

3. Start the development server:

npm run dev

4. Build for production:

npm run build

Mobile Shell

This repository already includes Capacitor-generated mobile projects:

• android/
• ios/

If you update web assets and want to sync them into the native shells, use your normal Capacitor workflow after building the web app.

Scripts

• npm run dev: start local development
• npm run build: create a production build
• npm run preview: preview the production build locally
• npm run lint: run ESLint
• npm run test: run Vitest in watch mode
• npm run test:run: run Vitest once
• npm run test:coverage: run tests with coverage

Notes

• This project appears to have originated from an AI Studio app and has since been extended into a more complete web and mobile-ready product.
• Some app capabilities depend on external services and API keys.

Repository

• GitHub: qqqq987/rare-disease-connect