# Frontend‑розробка > Вибрані роботи, що демонструють цю послугу. - [Керувала full‑stack розробкою GIS‑карт, наглядаючи за PostgreSQL, Mapbox, ReactJS та NodeJS, щоб постачити інтегроване рішення.](https://engineer.company/uk/portfolio/directed-full-stack-gis-map-development-overseeing-postgresql-25/) - [Представила 200 покращень UI/UX для GIS‑картографічного застосунку, збільшивши дохід у 10 разів завдяки вдосконаленим функціям програмного забезпечення.](https://engineer.company/uk/portfolio/presented-200-ui-ux-improvements-for-the-gis-28/) - [Долучилася до процесів проєктування користувацьких інтерфейсів, забезпечивши інтуїтивні, візуально привабливі та зручні для користувача інтерфейси проєктів.](https://engineer.company/uk/portfolio/contributed-to-user-interface-design-processes-ensuring-intuitive-36/) - [Розробила 100 вебзастосунків за допомогою HTML/HTML5, CSS/SCSS, Django, WordPress та Joomla, забезпечивши різноманітну онлайн‑присутність.](https://engineer.company/uk/portfolio/developed-100-web-applications-using-html-html5-css-51/) - [Спроєктувала 30 вебсайтів, надавши унікальні та гнучкі рішення завдяки перетворенню дизайнів Photoshop на HTML.](https://engineer.company/uk/portfolio/designed-30-websites-delivering-unique-and-flexible-solutions-52/) - [Спроєктувала багаторівневу морську платформу, розділивши фронтенд Next.js PWA, API на Go (Huma/Fiber) та рівень функцій PostgreSQL, зберігши всю бізнес‑логіку в базі даних.](https://engineer.company/uk/portfolio/architected-a-layered-maritime-platform-separating-a-next-57/) - [Спроєктувала систему перемикання контексту організації з клієнтським localStorage та серверним дзеркалюванням cookie, що дозволила користувачам діяти від імені керованих організацій, забезпечуючи авторизацію за принципом найменших привілеїв.](https://engineer.company/uk/portfolio/designed-an-organization-context-switching-system-with-client-59/) - [Побудувала фронтенд на Next.js 16 зі свідомими стратегіями SSR, SSG і CSR та багаторазовою фабрикою prefetched‑server‑page, що усуває каскад N+1 на кожній автентифікованій сторінці, перенесеній на неї.](https://engineer.company/uk/portfolio/built-the-next-js-16-frontend-with-deliberate-73/) - [Реалізувала повну підтримку Progressive Web App — з можливістю встановлення та офлайн‑роботи — з кешуванням Workbox під час виконання через next‑pwa.](https://engineer.company/uk/portfolio/delivered-full-progressive-web-app-support-installable-and-74/) - [Спроєктувала дизайн‑систему iOS 26 'Liquid Glass' та канонічний реєстр компонентів, дотримання якого забезпечували правила лінтингу для запобігання розбіжностям UI.](https://engineer.company/uk/portfolio/designed-an-ios-26-liquid-glass-design-system-75/) - [Спроєктувала UI та UX продукту наскрізно — сітки каталогів, подвійні подання картка/таблиця, валідатори вимог у реальному часі та навігацію breadcrumb.](https://engineer.company/uk/portfolio/designed-the-product-s-ui-and-ux-end-76/) - [Створила систему інтернаціоналізації для англійської та данської мов, що несе 12 027 повідомлень на локаль у 458 файлах namespace, зі словником, дотримання якого забезпечував лінтер, та бюджетом у 400 рядків на файл.](https://engineer.company/uk/portfolio/established-an-english-danish-internationalization-system-with-linter-78/) - [Заклала засадничі рішення платформи в тижні після відкриття репозиторію в листопаді 2025 року — поділ на рівні, доступ до даних передусім через базу даних та планку без жодних попереджень — і вони тримаються дев'ять місяців потому.](https://engineer.company/uk/portfolio/set-the-platform-s-founding-decisions-in-november-2025-80/) - [Підтримувала та вдосконалювала застарілий сайт на Hugo, водночас долучаючись до покращень UI/UX основного продукту з управління активами.](https://engineer.company/uk/portfolio/maintained-and-enhanced-the-legacy-hugo-static-site-87/) - [Побудувала операторський бек‑офіс — близько 40 адміністративних маршрутів та 128 компонентів, що охоплюють заявки на володіння, модерацію, feature flags, кеш і діагностику, — щоб платформою можна було керувати без доступу до бази даних.](https://engineer.company/uk/portfolio/built-the-operator-back-office-for-the-platform-102/) - [Побудувала багатомовний статичний сайт на Hugo зі 108 файлів шаблонів, з яких 53 партіали, що публікує кожну сторінку у чотирьох представленнях з одного дерева контенту трьома мовами, і ще раз під сімома сфокусованими субдоменами, зібраними з того самого дерева.](https://engineer.company/uk/portfolio/built-a-multilingual-static-site-in-hugo-126/) - [Скоротила керовані браузером ворота якості сайту з 1 636 секунд до 615, плануючи їхні перевірки від найдовшої через пул воркерів, обмежений чотирма смугами, вимірявши, що абеткова черга коштувала 320 секунд проти 224.](https://engineer.company/uk/portfolio/cut-the-visual-quality-gate-to-ten-minutes-128/) - [Замінила 27 відтворених розмірів шрифту, чиї найближчі сусіди різнилися на 0,6%, шестикроковою шкалою Major Third і написала лінтер, який валить двадцять восьмий.](https://engineer.company/uk/portfolio/replaced-27-font-sizes-with-a-six-step-scale-129/) - [Довела WCAG 2.2 рівня AA на 32 представницьких сторінках — по одній на шаблон на мову — в обох колірних темах, плюс два критерії AAA, із задокументованим записом відповідності та перевіркою, що захищає кожне твердження.](https://engineer.company/uk/portfolio/took-wcag-2-2-level-aa-across-the-whole-site-130/) - [Знайшла й виправила 11 дефектів доступності, які браузер звітував здоровими: вісім посилань підвалу, що лишалися в порядку табуляції за pointer‑events, шкалу прокрутки, яка обрізала колофон на трьох сторінках, і механізм правил, що виконував 70 зі своїх 105 правил.](https://engineer.company/uk/portfolio/fixed-11-accessibility-defects-the-browser-called-healthy-131/) - [Закрила систему кольорів на 28 задокументованих кольорах із лінтером, який валить значення, намальоване але незадокументоване, задокументоване але ненамальоване, хибно виміряне, переписане як літерал або в межах перцептивної відстані 0,02 від уже наявного.](https://engineer.company/uk/portfolio/closed-the-colour-system-at-28-colours-133/) - [Виявила, що світлій темі бракувало повносторінкового шару накладання від самого дня її написання, стверджуючи, що обидві теми малюють кожну шарувату поверхню однаковою кількістю шарів.](https://engineer.company/uk/portfolio/found-the-light-theme-missing-an-overlay-layer-134/) - [Зробила зменшений рух чесним, знайшовши одинадцять селекторів, які досі анімувалися під цією настройкою, бо універсальне правило transition‑none програє за специфічністю будь‑якому правилу з класом.](https://engineer.company/uk/portfolio/made-reduced-motion-honest-135/) - [Побудувала друкований стиль на 637 рядків проти чотирьох задокументованих поведінок рушія відтворення, зокрема вбудованих заголовків, які друкувалися білим по білому для будь‑якого читача, чий браузер надавав перевагу темному.](https://engineer.company/uk/portfolio/built-a-637-line-print-stylesheet-136/) - [Скоротила пакунок стилів із 87 КБ до 31 КБ, вийнявши з нього шрифт у base64, і відкинула 756 КБ у 22 файлах, які публікувалися при кожному розгортанні й на які ніщо не посилалося.](https://engineer.company/uk/portfolio/cut-the-stylesheet-bundle-from-87kb-to-31kb-139/) - [Підвела 10 242 рядки JavaScript воріт якості під форматувальник і лінтер, встановивши, що це найбільший обсяг коду в репозиторії й єдиний, якого ніщо не читало, виправила 13 знахідок і не придушила жодної.](https://engineer.company/uk/portfolio/brought-the-quality-gate-code-under-a-linter-143/) - [Побудувала нативний клієнт обміну повідомленнями для macOS на Swift 6 і SwiftUI — 11 141 рядок у 53 файлах — поверх C‑інтерфейсу ядра на Rust, злінкованого як статичний архів із зафіксованої ревізії.](https://engineer.company/uk/portfolio/built-a-native-macos-messaging-client-in-swift-6-154/) - [Спинила застосунок, що наповнював пам'ять зі швидкістю 41 МБ за секунду — зафіксовані 111 ГБ стиснених сторінок на машині з 36 ГБ, — обмеживши кожен потік подій, підписуючись за типом події та поклавши бюджет швидкості на журналювання, що звело 610 996 рядків журналу до 1 411.](https://engineer.company/uk/portfolio/stopped-an-application-filling-memory-at-41mb-a-second-155/) - [Назвала кожен суто піктограмний елемент керування в інтерфейсі для зчитувачів екрана після того, як кнопка надсилання оголошувалася як «arrow up circle, button», і написала лінтер, що вимагає підпис у межах восьми рядків від піктограми.](https://engineer.company/uk/portfolio/named-all-seventeen-interface-icons-for-screen-readers-159/) - [Побудувала систему дизайну на 48 токенів поверх власного скляного матеріалу платформи й написала лінтер, який відхиляє магічне число, жорстко задений розмір шрифту чи анімацію, що ігнорує настройку зменшеного руху.](https://engineer.company/uk/portfolio/built-a-48-token-design-system-160/)