~/vlada-marchenko

Hi all. I am

Vlada
Marchenko

> Frontend Developer

// available for remote B2B contracts & employment

// check out my work on GitHub

const githubLink = "https://github.com/vlada-marchenko"

portfolio.tsx
  1  const developer = {
  2    name: 'Vlada Marchenko',
  3    role: 'Frontend Developer',
  4    location: 'Hamburg, Germany 🇩🇪',
  5    stack: [
  6      'React', 'Next.js',
  7      'TypeScript', 'Node.js'
  8    ],
  9    available: true,
 10  }
 11  
 12  // clean code · tested · shipped
 13  >
01.

about-me

// who am I

/**

* I'm Vlada — a Frontend Developer based in Hamburg, specialising in React, Next.js, and TypeScript. I build production-ready web applications, from authentication systems and REST API integrations to full-stack dashboards backed by MongoDB.

* I take projects from Figma spec to deployed product — writing clean, tested code independently. I self-taught testing beyond the curriculum: unit tests with Vitest & React Testing Library, and e2e with Playwright.

* Before coding full-time I ran overnight operations at 25hours Hotel — no manager on-site, full accountability for financial reporting, guest operations, and incident resolution. Zero-error reports under hard deadlines. When something broke at 3 a.m., I diagnosed it and fixed it without escalation. That discipline carries directly into production debugging.

*/

02.

skills

// what I work with

const frontend = [
  • 'React',
  • 'Next.js',
  • 'TypeScript',
  • 'Tailwind CSS',
  • 'HTML5',
  • 'CSS Modules',
]
const state_&_data = [
  • 'TanStack Query',
  • 'Zustand',
  • 'Axios',
  • 'REST APIs',
  • 'Firebase Auth',
  • 'JWT',
]
const testing = [
  • 'Vitest',
  • 'React Testing Library',
  • 'Playwright',
]
const backend_&_tools = [
  • 'Node.js',
  • 'Express',
  • 'MongoDB',
  • 'Git',
  • 'Figma',
  • 'Vercel',
]
const ai_tools = [
  • 'Claude',
  • 'Claude Code',
  • 'GitHub Copilot',
  • 'Gemini',
]
03.

projects

// things I have built

~/projects/stream-vibe
main

$ open stream-vibe

Full-featured streaming UI with TMDB API integration, dynamic routing for movies and series, swipeable hero carousel, genre toggles, and Formik/Yup form. Mobile-first across 4 breakpoints (375–1920px). Added 30+ unit tests with React Testing Library/Vitest and 19 Playwright e2e tests. Image lazy-loading cut initial load time by 40%.

Next.jsTypeScriptTanStack QueryPlaywright
→ live→ frontend
~/projects/e-pharmacy
main

$ open e-pharmacy

Independently designed and built a full-stack pharmacy system. JWT auth with token refresh and auto-logout, inventory CRUD with image upload, revenue analytics with sales tracking and low-stock alerts. Statistics page built with Next.js intercepting route modals. Express/MongoDB backend on Render. 5 dashboard modules, responsive across mobile, tablet, and desktop.

Next.jsTypeScriptNode.jsMongoDB
→ live→ frontend→ backend
~/projects/read-journey
main

$ open read-journey

Reading tracker SPA with 4 pages — recommended books, personal library, active reading session, and progress statistics. Real-time circular progress charts, session flow management with start/stop/finish states, and form validation across 2 auth forms with Yup.

ReactTypeScriptCSS ModulesAxios
→ live→ frontend
~/projects/leleka
main

$ open leleka

Pregnancy tracker built across a cross-functional team of 13 through agile collaboration. Implemented the journey page state cards and the private week endpoint on the Express backend. After launch, independently diagnosed and restored a broken production deployment: resolved cross-domain auth failures (CORS config, sameSite cookies, httpOnly token constraints) and traced an infinite loading spinner to an unhandled promise rejection. Shipped with zero data loss.

Next.jsZustandTanStack QueryMongoDB
→ live→ frontend→ backend
04.

contact-me

// let's build something

// open to remote roles — B2B and employment

Have a project that needs clean, tested React code delivered from Figma to production? Or looking for a frontend developer to join your team? Either way — let's talk.

const email = 'vvvvadya44@gmail.com'

github/linkedin
// message.tsx