Mascot

"Pandoc"

Live App
A swipe-based quiz to help patients understand their healthcare rights

The Problem

Rural communities face disparities due to geographic isolation, low connectivity, and a lack of culturally relevant resources, leaving rural patients unaware of the legal protections they already have. This knowledge gap prevents people from adequately advocating for themselves when it matters most.

Our Solution

We've decided to bridge the gap by creating an interactive, user-friendly web app that is designed to be accessible to any patient who has questions about their rights. Through a swipe-based quiz, the user answers questions to gauge their knowledge. At the end of the quiz, a simple breakdown of the actual law is displayed using Gemeni, including the real citation and a direct link to the source.

Features

Swipe-based quiz — yes / no / unsure across 13 questions
Personalized results — highlights laws where the user has gaps
Real legal citations — actual CFR and U.S. Code references
Direct source links — links to ecfr.gov, hhs.gov, and more
Dr. Panda the mascot — friendly character to reduce intimidation
Anchor links - side bar for quickly accessing information on page
No data collection — all answers processed client-side only

How It Works

Intro — Dr. Panda greets the user and explains the app in simple language
Quiz — 13 swipe cards across topics like HIPAA, organ donation, informed consent, and anti-discrimination
Results — scrollable page with personalized law cards, each showing a summary, relevant laws, and a link to the full law

Built With

React
Tailwind CSS
Vite
Gemini API
Vercel

Getting Started

git clone https://github.com/yourname/pandoc.git
cd pandoc
npm install
npm run dev

Project Structure

src/
  components/
    Intro.jsx       ← start page with mascot
    Quiz.jsx        ← swipe card quiz
    Results.jsx     ← personalized results page
    States.jsx      ← state dropdown before quiz
    SwipeCard.jsx   ← individual swipe card
  data/
    questions.js    ← 13 questions mapped to law tags
    results.js      ← citation, plain text, source link per law
  App.jsx

Future Improvements

Collect data on quiz responses to display trends on what patients do and do not know
Keyboard inputs as another alternative to swiping or clicking buttons
Credits page/popup