Працювала в 3 компаніях 3 роки 1 місяць
Недержавні організації / NGO, Медицина та Охорона здоров'я, IT
Frontend Developer (фриланс, підтримка сайту)
ACMHS (acmhs.in.ua)
Недержавні організації / NGO
2 роки 7 місяців
03.2024 - до теперішнього часу
Сайт аналітичного центру, побудований з нуля і підтримуваний паралельно з основною роботою.
- Next.js static export на Vercel, адаптивна верстка, контент через JSON-файли; переїзд хостингу без втрати існуючих URL.
- Технічна SEO-база: metadata, canonical, Open Graph і Twitter cards, sitemap, robots, web manifest, індексація в Search Console.
- Core Web Vitals на важкому за зображеннями сайті: пайплайн на sharp (WebP під розмір слота), preload LCP, lazy loading — мобільний Performance 69 > 98, LCP 16,6 с > 2,1 с. Зараз Lighthouse mobile: Performance 98, SEO 100, Best Practices 100.
AI Product Engineer (Frontend-Focused Fullstack)
Knowledge Gate Group
Медицина та Охорона здоров'я
2 роки 2 місяці
08.2024 - 09.2026
Frontend-focused fullstack у невеликій продуктовій команді, щоденна робота з CTO. Стек: React, Next.js (App Router), TypeScript, Tailwind, HeroUI, shadcn/ui, TanStack Query, Apollo Client; бекенд — NestJS, GraphQL, Prisma, PostgreSQL; AI-агенти на Claude Code.
- Перебудова клієнтського порталу з legacy-стеку: редизайн UI, переписана бізнес-логіка, мобільна версія — через місяць після релізу ручні звернення в операційну команду для завершення ключових сценаріїв зійшли до нуля.
- Значна частина внутрішньої мультиагентної системи розробки поверх Claude Code: рольові агенти, 20+ skills, hooks-guardrails проти деструктивних операцій, цикл рефлексії, що повертає висновки в живу документацію.
- Публічний сайт компанії на Next.js з SEO-архітектурою (canonical, Open Graph, metadata) з першого дня — Lighthouse mobile: Performance 97, SEO 100.
- Продуктова аналітика: feature-adoption view + permission gating + події — видимість реального використання фіч, а не лише факту деплою.
- Дизайн-системи (Claude Design, синхронізація токенів Figma > код), Storybook + Vitest, підтримка двох фронтенд-платформ паралельно.
- Доменні моделі, RBAC і захист PII на бекенді; автоматична система нотифікацій із генерацією брендованих документів.
Frontend Developer
DigiCred
IT
6 місяців
04.2023 - 09.2023
- Реалізувала MVC-архітектуру на TypeScript з повторно використовуваними компонентами; селектори, модальні вікна, профіль користувача та сторінки credentials (React, Next.js, Tailwind, React Hook Form).
- Перенесла веб-застосунок у desktop-застосунок на Electron.js, вирішивши проблеми з пам’яттю через code-splitting, lazy loading та асинхронні операції.
- Координувала роботу з дизайнером і React Native-розробниками для кросплатформеної консистентності; код-рев’ю мобільного застосунку.
Ключова інформація
TypeScript, JavaScript, React, Next.js (App Router, SSR/SSG), Node.js, NestJS, GraphQL, Apollo Client, Prisma, PostgreSQL, TanStack Query, Redux Toolkit, React Hook Form + Zod, Tailwind CSS, HeroUI, shadcn/ui, Styled Components, Storybook, Vitest, Jest, React Testing Library, Claude Code / AI agents, MCP, Figma, Git, SEO / Core Web Vitals, Electron.js
Навчалась в 1 закладі
Національний юридичний університет імені Ярослава Мудрого
юрист
2015
Володіє мовами
Англійська
вільно
Може проходити співбесіду на цій мові
Може проходити співбесіду на цій мові
Українська
рідна
Може проходити співбесіду на цій мові
Може проходити співбесіду на цій мові
Курси, тренінги, сертифікати
JS Course at Binary Studio Academy
React, TypeScript, PostgreSQL, Stripe, Knex, Objection, Redux Toolkit,AWS S3, Fastify, OpenAI.
Full-stack Developer course from GoIT
Додаткова інформація
Про мене
Frontend-focused fullstack-розробниця з 3 роками продакшн-досвіду на React/Next.js і роком практики побудови AI-агентного тулінгу для розробки — від автономних робочих процесів до AI-фіч у продукті. Комфортно володію фічею повністю: UI, API під ним і автоматизація навколо релізу.
Найсильніша у фронтенді; на бекенді — продакшн-досвід з NestJS, GraphQL і Prisma, який активно розвиваю.
Публічні роботи:
- acmhs.in.ua (Lighthouse mobile — Performance 98, SEO 100) і
- knowledgegategroup.com (97 / 100).
LinkedIn: linkedin.com/in/olesia-trebina.
GitHub: github.com/OlesiaTr.
Щоденно працюю з Claude Code — не лише як користувач, а як авторка налаштувань, skills і guardrails для команди.
Olesia
Olesia
Frontend / Fullstack Developer (React, Next.js, NestJS) · AI Product Engineer

Харків
повна зайнятість, неповна зайнятість, проектна робота
Характер роботи: віддалена робота
Остання активність 2 дні тому