Frontend-first full-stack engineer · AI

Oksana Tkachenko

I take products from design to production — React/Next.js at the core, AI-powered features built in, not bolted on.

Lately: building AI agents & MCP tools, and playful 3D experiments for the web.

Recent Work

Built in Public

Generative UI Weather Agent

In active developmentOpen Source

Ask about the weather in plain language. Claude picks a tool, the server fetches real data, and a purpose-built React widget streams into the chat.

  • –The model never emits a weather number — it only selects the tool and extracts arguments, and every widget's props are fetched server-side and Zod-validated, so hallucinated data isn't a possible failure.
  • –Haiku handles routing by default, and a graded eval suite (25 cases across five intent classes) decides whether it needs escalating to Sonnet.
  • –Production guardrails are built in: Redis caching, per-user rate limits, a global daily budget, and Langfuse/OTel tracing.
Next.js 16Vercel AI SDKClaudeZodUpstashLangfuseEvals

Zero dependencies React Native paywall open source package

Open Source

An npm package that lets you update a React Native paywall without shipping an app update.

  • –Paywalls are pure data, with no code over the wire and nothing to eval, which keeps them App Store compliant.
  • –The fallback chain (fresh → cached → bundled) means users never see a blank screen, and cold-start waits are capped.
  • –Zero runtime dependencies, so your purchase stack stays yours.
Fresh fetch
Cached
Bundled

Latest paywall from the server

Last-known-good, served instantly

Shipped default, never a blank screen

React NativeTypeScriptExponpmZero deps
View on GitHubnpm165 weekly downloads

Large-Scale Analytics Dashboard

In active development

A data-intensive analytics and threat-monitoring dashboard that stays fast at 170K+ rows.

  • –TanStack Table and TanStack Virtual handle windowed, virtualized rendering over 170K+ rows, so the grid never pays for rows that aren't on screen.
  • –That density still ships with a 98 Lighthouse performance score, rather than trading rendering speed for a heavier bundle.
  • –A daily data refresh runs on Vercel Cron Jobs, keeping the dataset current without any manual pipeline work.
170K+ rows
↓
TanStack Virtual window
↓
Rendered rows

Only the visible window mounts — the rest stays off the DOM

98 Lighthouse
Daily refresh · Vercel Cron
Next.jsTypeScripttRPCTanStack QueryTanStack TableTanStack VirtualDeck.glMUIVercel Cron JobsGitHub Actions
Seasonal Experiments

Playground

Halloween 2026

Glowkin

In active development

Carve a glowing 3D pumpkin in your browser.

Play
Christmas 2026

🎄 Coming in December

New Year 2026

🎆 Coming at the end of December

Case Studies

Selected Projects

BFF Architecture & Centralized Auth

Enterprise SSO Authentication

Problem:High-value enterprise sales deals stalled because the core product lacked a secure, compliant single sign-on mechanism to integrate into corporate identity providers.

Solution:Designed and implemented the frontend and Backend-for-Frontend (BFF) architecture for Enterprise SSO using Next.js, NextAuth, and tRPC. Standardized protocol mappings for enterprise tenants.

🚀 Impact: Unlocked enterprise sales from zero by removing a critical enterprise authentication blocker through standards-based SSO (SAML/IdP).

Next.jstRPCNextAuthSAMLIdPOkta
User
IdP
BFF
App
Supported providers
Okta
SAML 2.0
IdP
Custom LLM Workflows & Developer Productivity

AI-Assisted Code Review

Problem:Peer review turnaround times were a major bottleneck, increasing code delivery cycles and stalling developer productivity.

Solution:Built custom AI workflows and review agents utilizing the Claude API, creating custom LLM prompts and validation routines to automatically pre-screen pull requests before human engineers review them.

🚀 Impact: Reduced peer review turnaround times by approximately 50% while catching structural and security vulnerabilities early in the CI pipeline.

Claude APICustom LLM WorkflowsPrompt EngineeringNode.jsGit Automation
claude-review-agent.sh
High-Revenue Flow Modernization & Observability

Pricing & Checkout Migration

Problem:Legacy checkout routes running on Blade/PHP suffered from slow loads, poor user retention, and lack of real-time monitoring on critical revenue-driving screens.

Solution:Architected and led migration of pricing and checkout modules to Nuxt.js. Rebuilt the checkout frontend, establishing centralized validation schemas and integrating real-time telemetry with Coralogix.

🚀 Impact: Boosted page load speed by 60% on critical transactional funnels and decreased client-side production errors by 25%.

Nuxt.jsVueTypeScriptCoralogixObservability

Before

Laravel monolith

Blade / PHP

PHP backend + DB

Mixed JS / jQuery

Slow SSR, mixed codebase

↓
migrate

After

Nuxt.js frontend

Vue 3 / ChargeBee API

REST API

Coralogix observability

+60% load speed, −25% issues

Career

Experience

Artlist.io
Artlist.ioTel Aviv
Jul 2022 - Jul 2026
Frontend DeveloperGrowth, Account & Enterprise
Jan 2024 — Jul 2026

Creative AI platform for video, music & stock assets · 50M+ creators worldwide

Frontend DeveloperMotionArray
Jul 2022 - Dec 2023

Video templates & assets platform · acquired by Artlist

Y&A
Y&ARaanana
Feb 2021 — Jul 2022
Fullstack Developer

Digital agency · enterprise dashboards, mobile apps, and web products

UpWork
UpWorkRemote
Jun 2020 — Feb 2021
Frontend Developer

Freelance platform · connecting businesses with freelancers worldwide

Atidani
AtidaniTel Aviv
May 2019 — May 2020
Frontend Developer

Digital agency · web development, design, and marketing

Personal Profile

About Me

I'm a frontend engineer who thinks in systems. Over the past 7+ years I've built products across digital media, enterprise SaaS, and agency environments - owning everything from revenue-critical checkout flows to Enterprise Lead Qualification and AI-powered engineering workflows.

My comfort zone sits at the intersection of UI and infrastructure: BFF architecture, performance optimization, developer tooling. I like understanding why a product works the way it does, then making it more scalable, maintainable, and easier to evolve.

These days I'm especially interested in how AI is reshaping software engineering, particularly where thoughtful tooling can increase engineering leverage across entire teams.

I believe in complete product ownership - bridging the gap between UI/UX design, business goals, and backend systems to build frontend layers that are resilient, accessible, and effortless to use.

Engineering Philosophy
Technical Stack

Expertise

Frontend

ReactNext.jsTypeScriptVue.jsNuxt.jsTailwindMUIZustandTanStack QueryTanStack TableTanStack VirtualSemantic HTMLReact NativeFlutter

Testing

JestVitestReact Testing LibraryPlaywrightStorybookCI/CD

Backend & Infra

Node.jstRPCBFF ArchitectureNest.jsREST APIFastAPIZodSSEVercelSupabasepgvector

AI & LLM

Anthropic SDKOpenAI SDKVercel AI SDKTool CallingAgent WorkflowsStructured OutputsStreamingEvalsClaude CodeCursorCodexGitHub Copilot

Observability & Product

CoralogixSentryLangfuseOpenTelemetryMixpanelHarness (Split.io)Figma

3D & Graphics

Three.jsReact Three FiberWebGLWebGPUTSLBlender
Credentials

Certifications

Building with the Claude API
Presented to
Oksana Tkachenko
Claude Academy
Issued September 10, 2026