Accessibly Yours

Personal Project

Apr–May 2025

Solo-built accessibility explorer with real-time audits and educational UI. Combines Next.js App Router with a Node backend for WCAG scanning.

Accessibly Yours Hero

Company: Personal Project

Date: Apr–May 2025

Tech: React, Next.js, TypeScript, Tailwind CSS, Framer Motion, pa11y, Puppeteer, Fly.io, Vercel

Roles: Fullstack Engineer, Designer

Highlights: Built entire stack solo, Live WCAG audits via Puppeteer, CSV/JSON export & cache system

Methods: Next.js App Router, Fly.io headless Chrome, Client-side data streaming, Accessibility-first UI

Real-Time Accessibility Audits

Real-Time Accessibility Audits

Scan any public site with WCAG 2.1 checks using a Node.js backend running Puppeteer and pa11y. Results stream in post-load for fast UX.

Interactive Demo Experience

Interactive Demo Experience

Explore simulated accessibility issues and solutions. Helps developers understand the 'why' behind accessibility best practices.

Architecture Deep Dive

Architecture Deep Dive

Frontend on Vercel uses static generation and client-side fetches. Backend on Fly.io runs a custom audit API with caching. LocalStorage optimizes repeat scans.