Skip to content
View yokoworks's full-sized avatar

Block or report yokoworks

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
yokoworks/README.md

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.

Pinned Loading

  1. Tracking-App-with-React-Redux Tracking-App-with-React-Redux Public

    A fullstack habit tracker UI built with React/Redux, designed to deliver intuitive daily logging through UX-aligned REST API and schema design, with clear, frictionless user flows.

    JavaScript 11 1

  2. MyFavoriteMovies MyFavoriteMovies Public

    A fullstack movie library app with secure Google login, Supabase/Postgres database, and Prisma-powered Next.js API routes. Designed for clear, personalized search UX and easy list management.

    TypeScript 2

  3. Glab-Fruits Glab-Fruits Public

    A solo-built Phaser 3 platformer focused on intuitive controls, progressive difficulty, and clean UX with no tutorials needed.

    JavaScript 28 2

  4. My-Todos My-Todos Public

    A vanilla JS single-page todo app exploring clear task input flows, localStorage persistence, and lightweight UX structure.

    JavaScript 15