🔴 RedScare ~ Period Tracker

A bold, beautiful period tracking web app built for Behrend's Spring 2026 hackathon. Features a circular calendar, cycle predictions, symptom tracking, and AI-powered health insights.

Quick Start

1. Create a Supabase Project

1. Go to supabase.com and create a free project

2. Go to Settings → API and copy:

   • Project URL (e.g., https://abc123.supabase.co)
   • anon public key (starts with eyJ...)
   • service_role key (starts with eyJ...) — keep this secret!

3. IMPORTANT: Go to Authentication → Settings and:

   • Disable "Enable email confirmations" (so sign-up works instantly)
   • Or keep it enabled and use the seed script for demo data

2. Set Up Database

1. Go to SQL Editor in your Supabase dashboard
2. Paste the contents of sql/schema.sql and run it
3. This creates all tables, RLS policies, and the auto-profile trigger

3. Configure Environment

cp.env.example.env

Edit .env with your Supabase credentials:

SUPABASE_URL=https://your-project.supabase.co
SUPABASE_ANON_KEY=eyJ...your-anon-key
PORT=3000

3. Install & Run

npm install express-ejs-layouts
npm install
npm run dev

Open http://localhost:3000

5. Seed Demo Data (Optional but Recommended)

npm run seed

This creates a demo account with 6 months of realistic cycle data:

• Email: demo@redscare.app
• Password: password123

---

Tech Stack

• Frontend: Vanilla HTML/CSS/JS (no frameworks, no build step)
• Backend: Node.js + Express (serves pages only)
• Database: Supabase (Postgres + Auth + RLS)
• Charts: Chart.js via CDN
• Calendar: Custom SVG circular calendar

Team

Built with ❤️ at Penn State Behrend's Spring 2026 Hackathon

╭──────────────────────────────╮
│     🔴 TEAM REDSCARE 🔴     │
├──────────────────────────────┤
│ Morgan Koch  •  Jamie Frantz │
╰──────────────────────────────╯

Designed and developed during a 12-hour hackathon sprint within Open Innovation category.