Skip to content

yokoworks/yokoworks

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 

Repository files navigation

Hi, I'm Yoko β€” a Frontend Developer Bridging Design Logic and Data Flow πŸ‘‹

πŸš€ I work with async-friendly, trust-based teams around the world β€” remote, hybrid, or on-site.
I focus on delivering accessible, maintainable, and intuitive interfaces β€” translating UX thinking into aligned frontend–backend flows.
My work often involves defining API contracts from frontend needs, aligning logic with data shape, and reducing ambiguity between designers and backend engineers.

πŸ’‘ My approach combines:

  • Frontend development (React / Next.js / TypeScript)
  • UX-driven architecture and async-friendly component structure
  • API contract definition and integration based on frontend logic
  • Clear communication in distributed, trust-based teams

🌟 Main Projects

πŸ—£οΈ Promotee β€” Interview Flashcard App (A11y by Design)

Promotee demo GIF

Practice your own answers out loud β€” built with accessibility at the core.
βœ… Next.js / TypeScript / Tailwind CSS / Zustand / A11y by Design

πŸš€ Try the App
πŸ›  View Case Study
πŸ“ Read the Story on Medium


🎨 Contrastly β€” Tailwind Colors Contrast Checker

Contrastly demo GIF

A lightweight tool for devs to check Tailwind colors against WCAG AA/AAA in real time.
Handy for frontend devs, backend engineers touching UI, or anyone aiming for 100/100 Lighthouse accessibility scores.

βœ… Next.js / TypeScript / Tailwind CSS

πŸ”— Open App
ℹ️ About


πŸ”Ž Other Selected Projects

  • Web3 EdTech Platform β€” Async frontend dev, API contracts, secure Metamask login. Case Study β†—
  • Automated PDF Report Tool β€” Prisma queries + Puppeteer for reports. Case Study β†—
  • UX-Oriented Website Redesign β€” IA + flow restructure, boosted sessions +174%. Case Study β†—
  • Tracking App β€” Fullstack habit tracker (Rails + React/Redux). GitHub Repo β†—
  • Movie Library β€” Next.js + Supabase + Prisma + Auth. GitHub Repo β†—

🌿 I believe in a structure that supports trust and autonomy.

Whether working independently or as part of a distributed team,
I focus on clarifying requirements, sharing ideas early, and delivering code that respects users and teammates alike.

πŸ” I’m currently deepening my accessibility practice β€” learning to design and build with inclusion from the start.
I see accessibility not just as a checklist, but as a way to sharpen engineering, UX, and real-world care.

πŸ“– I also write about what I learn β€” mostly on accessibility, UX, and designing with care:

🧠 Recently, I’ve been working on:

  • Designing and implementing frontend architecture in async environments
  • Aligning UI logic with backend structure and defining API contracts
  • Building modular, maintainable UI components from Figma
  • Translating design insights into testable, clear code with documentation

πŸ“˜ Portfolio & Contact

🧭 Yoko | Portfolio & Services
πŸ’¬ Let’s connect on LinkedIn
πŸ“° Read Articles on Medium
πŸ“ Dev.to | Developer-focused posts
🐣 New to X (starting from zero, as we all do!)


I’m especially passionate about clarifying logic across layers β€” from user flows to database design β€” to build products that feel simple, even when they aren’t.

Thanks for stopping by!
If you're looking for a frontend developer who bridges design and engineering, let’s build something thoughtful together.

About

This is a file to display my public Github profile.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published