CJ D'Autorio

Developer | Designer

Side Projects

CFB Roster Randomizer

A Chrome extension that helps generate a roster on the College Football 26 Teambuilder app.

  • Manifest V3 Chrome extension — WXT + React 19 + Zustand
  • Simulates browser event sequences to trigger React form validation in a third-party app without direct API access
  • Probabilistic name generation via randomuser.me with batch prefetching across 13 nationalities and configurable per-component probabilities
  • NCAA-compliant jersey number allocator with position-based ranges, exhaustion handling, and duplicate prevention
  • Bidirectional content script ↔ sidebar messaging for real-time progress streaming with graceful port lifecycle management
  • Retry logic and abort mechanism with live status tracking (IDLE / PROGRESS / COMPLETE / ERROR)
  • Tabbed settings UI with named profiles, nationality toggles, probability tuning, and custom name lists

Portfolio v2

An updated personal portfolio.

  • Built a full-stack personal portfolio in Next.js 16 and React 19 with TypeScript, deploying to Vercel with analytics and speed insights instrumented from day one
  • Engineered a real-time 3D background using Three.js and React Three Fiber and a custom post-processing pipeline
  • Authored custom GLSL fragment shaders for ordered dithering and saturation correction, integrated into Three.js's EffectComposer pass chain
  • Implemented parallel route architecture (@panel) with Next.js App Router intercepting routes to render a slide-in content panel alongside the persistent 3D canvas without a full page reload
PawTracks screenshot

PawTracks

A computer vision-powered petsitter. Created for the University of North Carolina at Charlotte capstone.

  • Built TensorFlow computer vision with the COCO dataset for real-time pet detection
  • Designed a responsive React.js UI with AmplifyUI; persisted user and pet data using AWS Amplify, DynamoDB, and S3