Oleksandr
Kovalenko
Software Engineer — React & Vue
I design and build fast, user-friendly interfaces — from bespoke CMSs in PHP/MySQL to modern systems built with React and Vue 3 / Node.js. I have a strong grounding in architecture, REST APIs and data handling.
About me
Web application design and development engineer specializing in React and Vue, with over 18 years of experience in full-cycle development. I’ve evolved from UI/web development and building custom CMS architectures using PHP/MySQL, Node.js/PostgreSQL to modern development of high-performance, accessible, and scalable applications. In addition to development, I teach front-end development at Beetroot Academy and mentor students through code reviews and hands-on projects.
Skills & Tools
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
Other skills
- Node.JS
- TypeScript
- Figma
- Express / Fastify
- REST API development & implementation
Work Experience
- Architect and build scalable, high-performance front-end applications using the React and Vue 3 ecosystems.
- Design reusable component libraries and custom hooks/composables that improve delivery speed and consistency across teams.
- Deliver accessible, SEO-optimized, internationalized interfaces following mobile-first, pixel-perfect standards, integrated with REST/OpenAPI services.
- Contribute to Git-based CI/CD pipelines and maintain technical documentation for cross-functional teams.
A full list of skills and tools
Vue / Nuxt Application Support and Development
- Implementation of a step-by-step order placement wizard
- Real-time data processing (calculations, data storage)
- Asynchronous AJAX data exchange
- Using JWT for authorization
- CSS frameworks (Bootstrap, Tailwind)
Maintenance of a multilingual marketing website powered by WordPress CMS
- Layout design for custom landing pages (pixel-perfect, responsiveness, accessibility)
- Development and implementation of specialized plugins for tracking user activity
- Optimization of load times and user interface interactions
- Refactoring of the existing codebase
- Implementing fixes and refining the functionality of WordPress plugins
- Configuring analytics trackers (Meta Pixel, TikTok, Google Tag)
Lead developer of a graphical user interface for managing Wi-Fi network devices.
- Support and customization of the built-in interface (Ember.js)
- Development of a custom interface using the React library
- Design and development of a REST API using Lua
- Testing and documenting the API in accordance with the OpenAPI 3.0 specification
- Conducting research, working with documentation
- Implementing charts and network graphs to present information in real time (D3.js, ReactCharts, Cytoscape)
- Development of flexible customization options for the visual aspects of the interface based on the brand (multi-branding)
- Co-author and teacher for the Front-End Development course; teach HTML5, CSS3, JavaScript, and modern framework fundamentals.
- Mentor students through project-based learning, code reviews, and career guidance into professional front-end roles.
- Translation, adaptation, and expansion of technical articles from English into Ukrainian.
- Creation of supplementary materials (mini-courses) and an introductory course on front-end development.
- Built responsive, cross-browser front-end interfaces with modern JavaScript, CSS frameworks, and REST API integrations.
- Development and integration of different REST APIs (Node.js, Express).
- Working with high-load services that handle large amounts of data (millions of records).
- Delivered full-stack projects spanning front-end interfaces and PHP/MySQL back-ends; designed and built custom CMS architecture.
- Website development of any complexity, from landing pages to complex data management systems.
A full list of skills and tools
General experience with various technologies.
- working with mapping services (Leaflet, OpenStreetMap, Google Maps)
- working with HTML templating engines (Smarty, Twig, Django)
- Migrating the codebase from Vue 2/JS to Vue 3/TS
- Layout design for email templates
- Development of universal UI plugins (Vanilla JS, jQuery)
- Generate documents for sharing and exporting in PDF, CSV, XLSX, and DOCX formats
- Creating services involving complex mathematical calculations (calculations for sunflower oil quality analyses)
- Configuring hosting and linking a domain for website deployment
- server configurations (Apache, Nginx, .htaccess, HTTP(S), SSL, SSH, (S)FTP)
- deployment of Docker containers
- maintenance and optimization of websites using PHP frameworks (Laravel, Yii, Symphony)
- Working with data visualization libraries (D3.js, Chart.js, Cytoscape, amCharts)
- Integrating content management tools: WYSIWYG editors, file managers (CKEditor, CKFinder, SummerEditor)
- Working with page load speed assessment tools (PageSpeed Insights, Lighthouse Metrics, GTMetrix)
Developing websites powered by a custom CMS
- Development of the website management interface (Dashboard, admin panel)
- Multilingual support (PoEdit, file-based translations, i18n)
- Static content caching system
- Image adaptation and optimization module (cropping to size, format conversion)
- Implementation of techniques for fast page loading (lazy load, IntersectionObserver, chunking, minification)
- Implementation of SEO tools (slug generation, use of macros to generate titles and descriptions)
- integration with various API services (banks, payment systems, analytics systems, CRM)
Website development using the WordPress CMS
- Layout and integration of visual themes
- Installation and configuration of plugins
- Development of custom plugins tailored to the client’s needs
- Implementation of multilingual support (WPML, Polylang, WP Multilang)
- Creation of online stores using WooCommerce
- Page creation using Elementor
- Integration with the WP REST API
- Development and implementation of a comment system plugin for an educational platform
- Configuration of website analytics systems
Website development using the Joomla CMS
- Layout design
- Development and implementation of modules
- Development of custom plugins tailored to the client's needs
- Implementation of multilingual support (WPML, Polylang, WP Multilang)
- Creating an online store using WooCommerce
- Creating pages using Elementor
- Integration with the WP REST API
- Development and implementation of a comment system plugin for an educational platform
- Configuring website analytics systems
Website Development Using the Joomla CMS
- Layout Design
- Module Development and Implementation
- Integration with Third-Party Services
- Multilingual Support
Development of online stores powered by the OpenCart CMS
- layout and integration of visual themes
- integration with payment systems (LiqPay, WayForPay)
- development of custom modules
- implementation of multilingual support
- Progressed from layout design into full turnkey website development on the Bitrix CMS.
- Development of modules for the Bitrix CMS.
Projects
The Map of Recovery
«The Map of Recovery» — an interactive map of destroyed and rebuilt sites in Ukraine, designed to monitor funds allocated for reconstruction.
«The Map of Recovery» — an interactive map of destroyed and rebuilt sites in Ukraine, designed to monitor funds allocated for reconstruction.
Applied migration from Vue2/JS stack to Nuxt/Vue3/TS stack.
The application is built using the SSR principle. Vite was used as the bundler.
It features a dedicated accessibility settings panel in line with current requirements set out in the WCAG, EAA and a11y specifications.
Tools & Technologies
- Nuxt.js
- Vue 3 / Composition API
- Pinia
- i18n
- HTML5 semantic / SCSS
- TypeScript
- Leaflet / MarkerCluster
- LightGallery
- Vue Router
- Prozorro API integration
- Middleware API
- Accessibility settings
Recovery Roadmap for Regions
«Recovery Roadmap for Regions» — Issues and Solutions for Recovery on the Example of Three Regions: Zhytomyr, Zaporizhzhia, and Kharkiv.
«Recovery Roadmap for Regions» — Issues and Solutions for Recovery on the Example of Three Regions: Zhytomyr, Zaporizhzhia, and Kharkiv.
A static single-page website, with support for an English-language version.
Integration of an interactive map for the address and use of the Telegram API to send messages.
Tools & Technologies
- Gulp
- HTML5 semantic / SCSS
- JavaScript
- Leaflet
- Telegram API
- SEO
- LightSlider
- LazyLoading
Russian War Criminals
«Russian War Criminals» is a public database that allows users to search for and filter individuals implicated in war crimes against Ukraine.
«Russian War Criminals» is a public database that allows users to search for and filter individuals implicated in war crimes against Ukraine.
The application is built using the SSR approach. Webpack was used as the bundler.
Tools & Technologies
- Nuxt.js
- Vue 3 / Composition API
- Pinia
- i18n
- HTML5 semantic / SCSS
- JavaScript ES6+
- Leaflet / MarkerCluster
- Vue Router
- Middleware API
The Anti-Corruption Headquarters
A website for a nonprofit organization featuring news, analysis, and a team section—a central hub for the organization’s civic-tech projects.
A website for a nonprofit organization featuring news, analysis, and a team section—a central hub for the organization’s civic-tech projects.
The website was built using a custom content management system.
Thanks to specially designed logic and the caching of static files, the website loads quickly.
Tools & Technologies
- Custom CMS
- PHP (OOP)
- PDO
- MySQL
- jQuery
- HTML5 semantic / SCSS
- JavaScript ES6+
- PixelPerfect
- Responsive Web Design
- Lazy Loading
Cargo Register
A closed-loop system for the accounting of sunflower and rapeseed oil, record-keeping and the calculation of analyses.
A closed-loop system for the accounting of sunflower and rapeseed oil, record-keeping and the calculation of analyses.
Full development cycle: from requirements analysis, planning and database structure design to a fully finished product.
Generation of reports and other documents for printing and export to Excel ‘on the fly’.
The interface is implemented as a single-page application (SPA) using AJAX without any additional libraries.
Tools & Technologies
- Dashboard
- SPA
- PHP (OOP)
- PDO
- MySQL
- HTML5 semantic / SCSS
- JavaScript ES6+
- DataTables
- REST API
- Responsive Web Design
- Multilingual
Enfys Babyshop
Online shop for children’s products: a catalogue with filters by category and brand, a shopping basket, payment in instalments, and product video reviews.
Online shop for children’s products: catalogue with filters by category and brand, shopping basket, payment in instalments, product video reviews.
The website was built using a custom content management system. Interactive and SVG animations have been implemented.
Integration with external API services: WayForPay, LiqPay, PrivatBank, Nova Poshta.
Thanks to specially designed logic and the caching of static files, the website loads quickly.
Tools & Technologies
- Custom CMS
- PHP (OOP)
- PDO
- MySQL
- jQuery / Plugins
- HTML5 semantic / SCSS
- JavaScript ES6+
- API Integration
- PixelPerfect
- Responsive Web Design
- Lazy Loading
PARETTO
Law firm’s corporate website: description of services (legal, HR, accounting), blog, enquiry forms, trilingual interface.
Law firm’s corporate website: description of services (legal, HR, accounting), blog, enquiry forms, trilingual interface.
The website was built using a custom content management system. Впроваджені інтерактивні та SVG анімації.
Thanks to specially designed logic and the caching of static files, the website loads quickly.
Tools & Technologies
- Custom CMS
- PHP (OOP)
- PDO
- MySQL
- jQuery / Plugins
- HTML5 semantic / SCSS
- JavaScript ES6+
- PixelPerfect
- Responsive Web Design
- Lazy Loading
Egmont Aviation
A leading company in the sale of aviation equipment, pilot training and aircraft manufacturing.
A leading company in the sale of aviation equipment, pilot training and aircraft manufacturing.
The website was built using a custom content management system.
Thanks to specially designed logic and the caching of static files, the website loads quickly.
Tools & Technologies
- Custom CMS
- PHP (OOP)
- PDO
- MySQL
- jQuery / Plugins
- HTML5 semantic / SCSS
- JavaScript ES6+
- PixelPerfect
- Responsive Web Design
- Lazy Loading
Education & Certificates
Education
Certificates
