FlyRank AI
Front-End & AI Engineer
16/16 Vitest Suite Passed (100% Coverage)

Talha Yaseen

I build accessible (WCAG AA compliant), responsive React components backed by 100% statement-coverage unit tests.

TY

Interactive 3D AI Core Configurator

WebGL / Three.js 60fps Staged Environment • FE-AA2

60 FPSPBR Material
Initializing WebGL 3D Canvas...
💡 Touch or drag to rotate geometry in 3D space

Featured Projects

Production-quality builds demonstrating performance, accessibility logic, and code previews.

React Application

The React Priority Planner

An interactive task manager that addresses timezone shifts on deadlines by forcing checks to local midnight. Features lazy state persistence and a high-contrast theme conforming to WCAG AA.

ReactTailwind CSSLocal Storage
Timezone-proof assertionsOpen App
Vanilla JS MVC

Accessible MVC Settings Form

A framework-free settings form proving semantic accessibility without bloat. Connects error labels reactively using JSDOM accessibility parameters and locks invalid submits.

ES6+ JavaScriptVitest (16 Cases)JSDOM
16 automated unit testsOpen Sandbox
Named Next Build (Case Study C)Scheduled Sep 18, 2026
Reminder Active

Dynamic E-Commerce Product Filter & Facet Dashboard

The Problem: Non-semantic AI filter components break focus traps and URL history state.
What I Did: URLSearchParams query synchronization with 12 Vitest JSDOM unit test cases.
What Came of It: 100% WCAG AA compliance and zero layout regression.

URLSearchParamsFocus Trapping12 Vitest Cases
Architecture ready • 5-step maintenance protocolPreserved Claude Context
Week 10 Capstone Protocol

How to Add the Next Case Study

Reminder: Sep 18, 2026 @ 09:00 AM
1Preserved Claude Context

Open preserved Claude Project. Voice Card ("Direct, technical, clear, no marketing buzzwords") and stack kit are pre-loaded so future case studies require zero setup.

2Week 2 Three-Beat Shape

Format raw feature notes into the 3 beats: 1. Problem (UI/a11y issue), 2. What I Did (code & tests), 3. What Came of It (pass rate).

310-Minute Code Update

Paste the article block into app/page.js and add 1 bullet to route.js system prompt so the AI Agent instantly answers questions about the new build!

Test Verification Suite

Execute the component validations live on your browser using our simulated headless DOM engine.

bash - vitest SettingsForm.test.jsx

Click "Run Vitest Suite" above to simulate validation checks.

Agent Active

Talha's AI Representative

This personal AI assistant is trained on my technical profile, design constraints, and project case studies. Ask it to evaluate my skills or pressure-test my work logic.

Sample Prompts:
Powered by Claude-3.5-Sonnet via FlyRank AI API.
Representative Chat Stream
AI
Hello! I am Talha Yaseen's Personal AI Representative. Ask me about Talha's skills, coding principles, unit test standards, or how to schedule an interview!

Get in Touch / Inquiry Form

Send a direct message through my free-tier serverless API. Submissions are processed and validated end-to-end.