VITALII VORYNKA

Pilot on duty

Vitalii Vorynka

Full-stack Developer · AI Engineer

Builds web products end to end: interface, backend, deploy. 7+ years in production, 20+ projects.

7+years in production
20+projects
  • TypeScript
  • React
  • Next.js
  • Vue
  • Nuxt
  • Node.js
  • NestJS
  • Express
  • Docker
  • Claude Code

Full cycle

From idea to production

Takes an idea from zero to a working product.

  • Breaks down the idea and the task, researches the market and the technology.
  • Writes the spec: what to build, on what, in what order.
  • Builds the frontend and the backend.
  • Brings it to an MVP and ships it to production.
  • Adds AI when the product needs it.

Idea to MVPFull cycle, start to finish

Frontend · 7+ years

Interfaces in React and Vue

Main focus. Works as a React developer and a Vue developer, with Next.js and Nuxt, all in TypeScript.

  • The interface adapts to user rights: roles, permissions, an access check on every screen.
  • Micro-frontends built from widgets, with real-time data updates.
  • A custom UI kit on Radix, documented in Storybook.
  • Sign-in through Keycloak (OIDC). Two languages, Ukrainian and English, 600+ keys.
  • Large admin panels: tables with server-side filtering and sorting, one form architecture for every section.
  • SEO: SSR and SSG, metadata, Open Graph, sitemap, robots, schema.org markup, Core Web Vitals. This site scores Lighthouse SEO 100.
  • Accessibility: keyboard navigation, a no-animation mode (prefers-reduced-motion), a text version without WebGL, axe checks in tests. This site scores Lighthouse Accessibility 100.
  • TypeScript
  • React
  • Next.js
  • Vue 3
  • Nuxt 3
  • Pinia
  • Redux Toolkit
  • Zustand
  • TanStack Query
  • Tailwind
  • Radix UI
  • Storybook
  • SEO
  • Accessibility

7+ yrsFrontend in production

Backend

Services on Node.js

Node.js developer for the backend: NestJS and Express, APIs, queues, databases, auth.

  • Microservices: Node.js and Python services talk over RabbitMQ.
  • Redis holds one auth session for all services: one token, one refresh.
  • PostgreSQL: designs the schema, tables and indexes. Also MongoDB and Prisma.
  • Load balancing, load testing, scaling.
  • REST, GraphQL, WebSockets. Auth with JWT, OAuth, Keycloak.
  • Third-party integrations: SMTP mail (Nodemailer, Resend), AWS S3 for files, LLM APIs (OpenAI, Anthropic), Keycloak, Cloudflare Turnstile, data collection from external APIs.
  • Node.js
  • NestJS
  • Express
  • RabbitMQ
  • Redis
  • PostgreSQL
  • MongoDB
  • AWS S3
  • SMTP

Node.jsNestJS and Express APIs, queues, auth

AI integration

AI in the product and the workflow

Builds LLMs into products and sets up AI-assisted development for a team.

  • LLM in the product: a separate service, connected through a queue, with OpenAI and Anthropic.
  • Sets up RAG and AI agents.
  • A harness for Claude Code: agents, skills, mods, guard hooks, evals.
  • MCP: connects ready-made servers and writes custom ones.
  • Token cost tuning: which model for which task, what to keep in context.
  • Claude Code
  • LLM
  • RAG
  • AI agents
  • MCP
  • Skills
  • Hooks
  • Evals
  • OpenAI
  • Anthropic

Own MCPCustom MCP servers, skills and hooks

DevOps

Ships to production

Takes the code all the way to production: Docker, CI/CD, server, domain, mail.

  • Docker images and compose, separate dev and prod environments.
  • CI/CD: a push to dev deploys the test stand, prod goes out by manual run.
  • A DigitalOcean server behind Cloudflare: proxy, SSL Full strict, Turnstile against spam.
  • Mail from the domain: an SMTP service, a verified domain, DMARC. The site form sends its messages through it.
  • API proxying and caching for Next.js, files in AWS S3.
  • Docker
  • CI/CD
  • DigitalOcean
  • Cloudflare
  • Caddy
  • AWS S3

Dev + prodSeparate environments, CI/CD deploys

Stack

The working stack

Frontend

  • TypeScript
  • React
  • Next.js
  • Vue 3
  • Nuxt 3
  • Pinia
  • Redux Toolkit
  • Zustand
  • TanStack Query
  • Tailwind
  • SCSS

Backend

  • Node.js
  • NestJS
  • Express
  • REST
  • GraphQL
  • WebSockets
  • RabbitMQ
  • Redis
  • PostgreSQL
  • MongoDB

Integrations

  • SMTP
  • AWS S3
  • OpenAI
  • Anthropic
  • Keycloak
  • Cloudflare Turnstile

DevOps

  • Docker
  • CI/CD
  • AWS S3
  • Cloudflare

AI

  • Claude Code
  • LLM integration
  • RAG
  • AI agents

Tools and 3D

  • Playwright
  • Storybook
  • Vite
  • Webpack
  • Figma
  • Three.js
  • WebGL
  • Canvas

How it was built

This site is a project too

A 3D world on WebGL. Built by one developer with an AI assistant, using the same agent workflow.

  • Three.js and WebGL. The voxel world is generated in a web worker.
  • Next.js around it: a text version for search engines and devices without WebGL.
  • A contact form with spam protection: per-IP limits, honeypot, Turnstile.

1 + AIOne developer and an AI assistant

Open channel

Open a channel

Have an idea, a role or a project? Send a message. Every message gets a reply. Available now, remote or in Kyiv, Ukraine.

VITALII VORYNKA

Full-stack Developer · AI Engineer. Take the controls.

Generating world 0%

Read the text version