arrow_backRETURN_TO_PROJECT_LOGS
// PROJECT_METADATA

North Draws

TanStack StartReact 19PostgreSQLDrizzle ORMBetter AuthEChartsParaglide.jsTailwindCSS v4

A professional Canadian immigration draw tracking and analytics platform visualizing Express Entry, PNP draw trends, and CRS score histories.

north-draws.yanotoma.com is a specialized tracking and data visualization platform built to monitor Canadian immigration draws. The application aggregates and formats historical invitation data, providing prospective immigrants and legal agencies with clear analytical insights to track CRS score histories and draw trends.


🍁 Core Platform Capabilities

1. Dynamic Draw Logs & Historical Analytics

  • Tracks Express Entry round details (General, Category-based, Trade, STEM, Healthcare) and provincial nominee programs (PNP).
  • Displays comprehensive invite details: lowest CRS score cutoff, total invitations issued, tie-breaking rules, and draw categories.

2. Interactive Charts & Score Predictions

  • Leverages interactive ECharts widgets to chart historical CRS score cutoffs and candidate invitation volumes.
  • Maps distribution curves of candidate pools, allowing applicants to visualize where their CRS score falls relative to previous draw ranges.
  • Native internationalization (English & Spanish) built into routing and layouts via Paraglide.js to serve a global user base.
  • Features a protected Admin panel /admin for secure draw data curation, entry publishing, and system status tracking.

🛠️ Technical Stack & Architecture

⚡ Server-Side Generation & Router

  • Framework: Powered by TanStack Start (React 19 + SSR) to ensure super-fast initial load times, which is essential for SEO indexability of historical draw pages.
  • Styling & UI: Implements a clean, glassmorphic dark theme constructed with Tailwind CSS v4 and shadcn/ui layout primitives.

🗄️ Relational Database & Authentication

  • Database Layer: Uses PostgreSQL 16 managed through Drizzle ORM for type-safe query execution and schema migrations.
  • Security: Secured with Better Auth for session-based user authentication, separating candidate dashboards from administrative data feeds.
  • Deployment: Continuously integrated and hosted on Railway utilizing Railpack for optimized Node.js server runtimes.