👀 0 Follow @setemiojo on Twitter Go to Oluwasetemi GitHub profile Connect on LinkedIn

Jamaica Traffic Ticket Dashboard

Civic tech project improving access to Jamaica’s traffic ticket system through better UX and AI-powered automation. Transforms the confusing government portal into an intuitive, user-friendly experience.

Problem Solved

The official Jamaica Traffic Ticket system presents several challenges:

  • Complex navigation and confusing user interface
  • Time-consuming manual data entry for ticket lookups
  • Scattered information about fines, demerit points, and payment options
  • Lack of comprehensive offence reference material
  • Poor mobile experience

This dashboard addresses these pain points by providing a streamlined, accessible interface with AI assistance for faster ticket lookups.

Key Features

  • AI-Powered License Scanning: OCR technology using Xenova/Transformers.js for automatic form filling from driver’s license photos
  • Unified Dashboard: Single view for tickets, fines, and demerit points across all jurisdictions
  • Comprehensive Offence Guide: Detailed information about traffic offences, penalties, and demerit points
  • Payment Information: Clear guidance on payment methods, locations, and deadlines
  • Smart Validation: Real-time validation of license numbers and ticket information
  • Accessible Design: WCAG-compliant interface with mobile-first responsive design
  • Government API Integration: Direct integration with official Jamaica Traffic Ticket API

Technical Implementation

Built with React and TypeScript, leveraging client-side AI through Transformers.js for privacy-preserving license plate recognition.

Core Technologies

  • Frontend: React with TypeScript for type-safe development
  • AI/OCR: Xenova/Transformers.js for client-side optical character recognition
  • API Integration: Official Jamaica Traffic Ticket government API
  • Validation: Real-time form validation with comprehensive error handling
  • Deployment: Netlify for fast, globally distributed hosting

Architecture Highlights

  • Client-Side OCR: Privacy-first approach - license images never leave the user’s device
  • Progressive Enhancement: Core functionality works without AI, enhanced with OCR
  • Optimistic UI: Immediate feedback while API requests process
  • Error Recovery: Graceful degradation when government API is unavailable
  • Mobile-First: Optimized for smartphone usage at traffic stops

Technical Highlights

  • Client-side AI with zero server-side image processing for privacy
  • WebAssembly-powered OCR for fast, accurate license scanning
  • Responsive design optimized for Jamaican network conditions
  • Offline-capable reference guide for common offences
  • Accessible to users with disabilities (WCAG 2.1 AA compliant)

Impact & Results

  • Improved UX: Dramatically simplified ticket lookup process
  • Time Savings: AI-powered scanning reduces data entry time by 80%
  • Increased Accessibility: Mobile-friendly design reaches more citizens
  • Civic Engagement: Better information access promotes compliance
  • Privacy-First: Client-side OCR ensures sensitive data stays on device

Use Cases

  • Quick ticket status checks at traffic stops
  • Understanding traffic offences and penalties
  • Finding payment locations and deadlines
  • Tracking demerit points across violations
  • Learning about Jamaica’s traffic laws