Physician Assistant Career Hub-Canada

A snapshot of the homepage of HowToPA.ca
A snapshot of the HowToPA.ca Job board

Inspiration

The inspiration came from always wanting to help PAs who were struggling to navigate their career journey without dedicated, Canada-specific resources. With only 6 PA programs nationwide and limited career guidance available, aspiring and practicing PAs need a centralized platform that can support them from pre-PA preparation through career advancement.

After watching a video with Greg Isenberg on My First Million (watch here), I decided to take a crack at this whole vibe coding thing. I've only been building for one week and I’m blown away. The vision was to create Canada's premier PA career hub to enhance access to opportunities in my profession.

What It Does

HowToPA.ca is a comprehensive career platform serving the entire PA lifecycle:

Pre-PA Students: Complete application guides, prerequisite planning, and school selection resources
PA Students: Digital study systems with NotebookLM integration, clinical rotation guides, and professional development tracking
Current PAs: Market salary data, career advancement paths, job opportunities, and continuing education resources
Employers: Job posting platform with moderation tools, candidate screening, and hiring guides

Key Features:

Intelligent job board with PDF attachments, video intros, and automated job alerts
Email capture with targeted lead magnets
Full admin moderation system for quality control

How We Built It

Tech Stack:

Frontend: React 18 + TypeScript via bolt.new, styled with Tailwind CSS
Backend: Supabase (PostgreSQL) with Row Level Security
Authentication: Supabase Auth with admin role management
Storage: Supabase Storage for PDFs and images
State Management: TanStack Query
Animations: Framer Motion
Forms: React Hook Form + Zod
Routing: React Router with protected routes

Architecture Highlights:

Modular UI component system
Database-driven content management with full-text search
PostgreSQL job-alert matching functions
Email capture with audience segmentation
Admin dashboard for real-time moderation

Fun story: I wasn’t sure how this site was made (I’m not a dev), so I asked Bolt’s AI chat and got the full tech stack above! I just added my own flair.

Challenges We Ran Into

Database Design: Handling multiple user types, rich job metadata, and performance-heavy matching logic
Button Styling Bugs: Persistent UI issues with button colors (fixed using multiple LLMs!)
Layout Troubles: Tags like "PDF", "Hot", "Featured" would squish titles – fixed with a separate tag row and fixed-height headers
Multi-Audience Strategy: Balancing needs of pre-PAs vs. practicing PAs while maintaining one clean UX (shout-out to Manus for helping organize my thoughts!)
File Storage: Secure handling of public PDF uploads with validation and access control
Admin Workflow: Built rejection reasons, email notifications, and tracking for job moderation

Accomplishments We're Proud Of

Production-Ready Platform: Scalable and usable from day one
Feature-Rich System: Integrated job board, email marketing, CMS, and moderation tools
Beautiful UX: Smooth, responsive UI with animations and intuitive navigation
Efficient Database: PostgreSQL functions optimized for performance and analytics
Security First: Implemented RLS, role-based auth, and secure public access handling

What We Learned

Full-Stack Integration: Connecting React and Supabase with real-time updates and deep relational data
User-Centered Design: Tailoring experiences for different PA career stages
Performance Optimization: Query tuning, caching, and handling scale
Content Strategy: Writing for SEO, engagement, and lead gen
Admin Systems: Balancing automation and human control for content approval
Coding Confidence: I finally got my hands dirty! I’m now editing UI, navigating code, and improving every day