Олександр
Коваленко
Software Engineer
Проєктую та створюю швидкі, доступні інтерфейси — від власних CMS на PHP/MySQL до сучасних систем на React і Vue 3 / Node.js. Сильна база в архітектурі, REST API та роботі з даними.
Про мене
Інженер з проєктування та створення web застосунків із фокусом на React та Vue, з понад 18-річним досвідом у повному циклі розробки. Пройшов шлях від UI/web-розробки та архітектури власних CMS на PHP/MySQL, Node.js/PostgreSQL до сучасної розробки високопродуктивних, доступних та масштабованих застосунків. Окрім розробки — викладаю Front-End у Beetroot Academy, менторю студентів через код-рев'ю та практичні проєкти.
Навички та інструменти
Core
- HTML5 (semantic)
- CSS3 (SCSS, LESS)
- RWD, mobile-first, pixel-perfect
- Accessibility (a11y, WCAG, i18n)
- SEO (OpenGraph, Schema.org)
React ecosystem
- React Router
- Next.js
- TanStack Query / Router / Table
- Zustand
- Custom hooks
Vue ecosystem
- Vue 3 (Composition API)
- Nuxt 2
- Vue Router
- Pinia / Vuex
- VueUse
APIs & Tools
- REST, OpenAPI/Swagger
- Axios / Fetch / Ky / XHR
- Vite / Gulp
- Git / GitHub / GitLab
- Unit & E2E tests / Vitest / Playwright
Backend & CMS
- MySQL / NoSQL / PostgreSQL
- PHP
- Smarty / Django / Lua
- WordPress / Joomla / OpenCart
- Custom CMS development
Ігші навички
- Node.JS
- TypeScript
- Figma
- Express / Fastify
- REST API development & implementation
Досвід роботи
- Проєктування та розробка масштабованих high-performance front-end застосунків на React та Vue 3 (Composition API).
- Розробка бібліотек компонентів та кастомних хуків/composables для пришвидшення розробки команд.
- Доступні, SEO-оптимізовані, інтернаціоналізовані інтерфейси за принципом mobile-first, інтеграція з REST/OpenAPI.
- Участь у Git-based CI/CD пайплайнах, ведення технічної документації.
Повиний список навичок та інструментів
Підтримка та розробка застосунку на Vue / Nuxt
- впровадження покрокового майстра оформлення замовлень
- робота з даними в реальному часі (розрахунки, сховища)
- асинхронний обмін даними AJAX
- використання JWT для авторизації
- CSS фреймворки (Bootstrap, Tailwind)
Підтримка маркетингового багатомовного сайту під керуванням CMS WordPress
- верстка кастомних landing сторінок (pixelperfect, адаптивність, доступність)
- розробка та впровадження спеціалізованих плагінів для відстеження активності користувача
- оптимізація часу завантаження та взаємодії з інтерфейсом
- рефакторінг існуючої кодової бази
- впровадження виправлень та доробка цункціоналу плагінів для WordPress
- налаштування трекерів аналітики (Meta pixel, TikTok, GoogleTag)
Ведучій розробник графічного інтерфейсу користувача для керування мережевими wi-fi пристроями.
- підтримка та кастомізація вбудованого інтерфейсу (Ember.js)
- розробка кастомного інтерфейсу з використанням бібліотеки React
- проєктування та розробка REST API з використанням Lua
- тестування та опис API відповідно до специфікації OpenAPI 3.0
- проведення досліджень, робота з документацією
- впровадження графіків та мережевих графів для представлення інформації в реальному часі (D3.js, ReactCharts, Cytoscape)
- розробка гнучкого налаштування візуальної частини інтерфейсу в залежності від бренду (мультібрендінг)
- Співавтор і викладач курсу Front-End Development: HTML5, CSS3, JavaScript, основи фреймворків.
- Менторство студентів через практичні проєкти, код-рев'ю та кар'єрне консультування.
- Переклад, адаптація та доповнення технічних статей з англійської на українську мову.
- Створення додаткових матеріалів (міні курсів) та ознайомчого курсу з напрямку Front-end.
- Розробка адаптивних, крос-браузерних інтерфейсів із використанням сучасних JavaScript та CSS-фреймворків.
- Розробка та інтеграція REST API (Node.js, Express).
- Робота з високонавантаженими серсівами з великою кількістю даних (мільйони записів).
- Full-stack проєкти: front-end інтерфейси та бекенд на PHP/MySQL, розробка архітектури власної CMS.
- Розробка сайтів будь-якої складності — від лендингів до складних систем управління даними.
Повиний список навичок та інструментів
Загальний досвід з використанням різноманітних технологій.
- робота з картографічними сервісами (Leaflet, OpenStreeMap, Google Map)
- робота з HTML шаблонізаторами (Smarty, Twig, Django)
- міграція кодової бази з Vue 2/JS на Vue 3/TS
- верстка шаблонів електроних листів
- розробка універсальних UI плагінів (Vanila JS, jQuery)
- генерація документів для другу та експорту в форматах PDF, CSV, XLSX, DOCX
- створення сервісів зі складними математичними розрахунками (розрахунки аналізів якості соняшнекової олії)
- налаштування хостінгу та привя'язка домену для розгортання сайтів
- серверні налаштування (Apache, Nginx, .htaccess, HTTP(S), SSL, SSH, (S)FTP)
- розгортання Docker контейнерів
- підтримка та прокращення сайтів з використанням PHP фреймворків (Laravel, Yii, Symphony)
- робота з бібліотеками графічного представлення даних (D3.js, Chart.js, Cytoscape, amCharts)
- інтеграція інструментів керування вмістом: WYSIWYG редактори, файлові менеджери (CKEditor, CKFinder, SummerEditor)
- робота з інструментами оцінки швидкості завантаження (PageSpeed Insights, Lighthouse Metrics, GTMetrix)
Розробка сайтів під керуванням Custom CMS
- розробка інтерфейсу керування сайтом (Dashboard, адмін. панель)
- підтримка багатомовності (PoEdit, file-based translations, i18n)
- система кешування статичного контенту
- модуль адаптації та оптимізації зображень (обрізка по розмірам, конвертація форматів)
- впровадження технік швидкого завантаження сторінок (lazyload, IntersectionObserver, chuncking, minification)
- реалізація інструментів SEO (генерація slug, використаня макросів для генерації заголовків та опису)
- інтеграція з різноманітними API сервісами (банки, платіжні системи, аналітичні системи, CRM)
Розробка сайтів під керуванням CMS WordPress
- верста та інтеграція візуальних теми
- встановлення та налаштування плагінів
- розробка специфічних плагінів під потреби замовника
- впровадження багатомовності (WPML, Polylang, WP Multilang)
- створення інтернет-магазину з використанням WooCommerce
- створення сторінок за допомогою Elementor
- інтеграція з WP REST API
- розробка та впровадження плагіну системи коментарів для навчальної платформи
- налаштування систем аналітики відвідування сайту
Розробка сайтів під керуванням CMS Joomla
- верстка макетів
- розробка та впровадження модулів
- інтеграція зі сторонніми сервісами
- впровадження багатомовності
Розробка інтернет магазинів під керуванням CMS OpenCart
- верста та інтеграція візуальних теми
- інтеграція з платіжними системами (LiqPay, WayForPay)
- розробка специфічних модулів
- впровадження багатомовності
- Розвиток від верстки макетів до повного циклу розробки сайтів на CMS Bitrix.
- Pозробка модулів для CMS Bitrix.
Проєкти
Карта відновлення
«Карта відновлення» — інтерактивна мапа зруйнованих і відбудованих об'єктів в Україні для моніторингу коштів на відновлення.
«Карта відновлення» — інтерактивна мапа зруйнованих і відбудованих об'єктів в Україні для моніторингу коштів на відновлення.
Виконана міграція зі стеку Vue2/JS на стек Nuxt/Vue3/TS.
Застосунок виконаний за принципом SSR. В якості бандлера викорисовувався Vite.
Має окрему панель налаштувань доступності вівповідно до сучасних вимог за специфікаціями WCAG, EAA, a11y.
Інструменти та технології
- Nuxt.js
- Vue 3 / Composition API
- Pinia
- i18n
- HTML5 semantic / SCSS
- TypeScript
- Leaflet / MarkerCluster
- LightGallery
- Vue Router
- Prozorro API integration
- Middleware API
- Налаштування доступності
Дорожня карта відновлення регіонів
«Дорожня карта відновлення регіонів» — Проблеми та рішення відновлення на прикладі трьох областей: Житомирської, Запорізької та Харківської.
«Дорожня карта відновлення регіонів» — Проблеми та рішення відновлення на прикладі трьох областей: Житомирської, Запорізької та Харківської.
Статичний односторінковий сайт, з підтримкою англомовної версії.
Інтеграція інтерактивної карти для адреси та використання API Telegram для відправки повідомлень.
Інструменти та технології
- Gulp
- HTML5 semantic / SCSS
- JavaScript
- Leaflet
- Telegram API
- SEO
- LightSlider
- LazyLoading
Реєстр воєнних злочинців
«Реєстр воєнних злочинців» — публічна база з пошуком і фільтрацією осіб, причетних до воєнних злочинів проти України.
«Реєстр воєнних злочинців» — публічна база з пошуком і фільтрацією осіб, причетних до воєнних злочинів проти України.
Застосунок виконаний за принципом SSR. В якості бандлера викорисовувався Webpack.
Має окрему панель налаштувань доступності вівповідно до сучасних вимог за специфікаціями WCAG, EAA, a11y.
Інструменти та технології
- Nuxt.js
- Vue 3 / Composition API
- Pinia
- i18n
- HTML5 semantic / SCSS
- JavaScript ES6+
- Leaflet / MarkerCluster
- Vue Router
- Middleware API
ГО «Антикорупційний штаб»
Сайт громадської організації з новинами, аналітикою, розділом команди — центральний хаб для профільних civic-tech проєктів організації.
Сайт громадської організації з новинами, аналітикою, розділом команди — центральний хаб для профільних civic-tech проєктів організації.
Сайт реалізований на основі кастомної системи керування вмістом.
За рахунок кастомної логіки збірки й кешування статичних файлів, сайт має високу швидкість завантаження.
Інструменти та технології
- Custom CMS
- PHP (OOP)
- PDO
- MySQL
- jQuery
- HTML5 semantic / SCSS
- JavaScript ES6+
- PixelPerfect
- Responsive Web Design
- Lazy Loading
Cargo Register
Закрита система обліку соняшникової та рапсової олії, ведення звітності, розрахунки аналізів.
Закрита система обліку соняшникової та рапсової олії, ведення звітності, розрахунки аналізів.
Повний цикл розробки: від аналізу вимог, планування та створення структури бази даних до повністю готового продукту.
Генерація звітів та інших документів для друку та експорту у форматі Excel "на льоту".
Інтерфейс реалізований в якості SPA з використанням AJAX без додаткових бібліотек.
Інструменти та технології
- Dashboard
- SPA
- PHP (OOP)
- PDO
- MySQL
- HTML5 semantic / SCSS
- JavaScript ES6+
- DataTables
- REST API
- Responsive Web Design
- Багатомовність
Enfys Babyshop
Інтернет-магазин дитячих товарів: каталог із фільтрами по категоріях і брендах, кошик, оплата частинами, відеоогляди товарів.
Інтернет-магазин дитячих товарів: каталог із фільтрами по категоріях і брендах, кошик, оплата частинами, відеоогляди товарів.
Сайт реалізований на основі кастомної системи керування вмістом. Впроваджені інтерактивні та SVG анімації.
Інтеграція з зовнішніми API сервісами: WayForPay, LiqPay, Приват Банк, Нова пошта.
За рахунок кастомної логіки збірки й кешування статичних файлів, сайт має високу швидкість завантаження.
Інструменти та технології
- Custom CMS
- PHP (OOP)
- PDO
- MySQL
- jQuery / Plugins
- HTML5 semantic / SCSS
- JavaScript ES6+
- API Integration
- PixelPerfect
- Responsive Web Design
- Lazy Loading
PARETTO
Корпоративний сайт юридичної компанії: опис послуг (юридичні, кадрові, бухгалтерські), блог, форми заявок, трьохмовний інтерфейс.
Корпоративний сайт юридичної компанії: опис послуг (юридичні, кадрові, бухгалтерські), блог, форми заявок, трьохмовний інтерфейс.
Сайт реалізований на основі кастомної системи керування вмістом. Впроваджені інтерактивні та SVG анімації.
За рахунок кастомної логіки збірки й кешування статичних файлів, сайт має високу швидкість завантаження.
Інструменти та технології
- Custom CMS
- PHP (OOP)
- PDO
- MySQL
- jQuery / Plugins
- HTML5 semantic / SCSS
- JavaScript ES6+
- PixelPerfect
- Responsive Web Design
- Lazy Loading
Egmont Aviation
Провідна компанія з продажу авіаційної техніки, підготовки пілотів та виробництві літаків.
Провідна компанія з продажу авіаційної техніки, підготовки пілотів та виробництві літаків.
Сайт реалізований на основі кастомної системи керування вмістом.
За рахунок кастомної логіки збірки й кешування статичних файлів, сайт має високу швидкість завантаження.
Інструменти та технології
- Custom CMS
- PHP (OOP)
- PDO
- MySQL
- jQuery / Plugins
- HTML5 semantic / SCSS
- JavaScript ES6+
- PixelPerfect
- Responsive Web Design
- Lazy Loading