Артем

Artem Malchenko
Junior Front-end Developer

Email: — [відкрити контакти](див. вище в блоці «контактна інформація»)
[відкрити контакти](див. вище в блоці «контактна інформація»)
Телефон: [відкрити контакти](див. вище в блоці «контактна інформація»)

GitHub: https://github.com/Malchenko3009
Telegram: @artem3771

ПРОФЕСІЙНА МЕТА
Junior Front-end / Shopify Developer - з досвідом у e-commerce та впевненою
роботою з Shopify 2.0. Понад 3 роки комерційного досвіду у верстці адаптивних,
кросбраузерних інтерфейсів та розробці інтернет-магазинів.

Маю практичний досвід створення та кастомізації Shopify-тем з нуля, роботи з
Liquid, налаштування секцій, блоків, шаблонів продуктів і колекцій, а також
інтеграції бізнес-логіки магазину. Добре розумію структуру Shopify, роботу з
theme settings, metafields, variants, cart та product logic.

Впевнено володію HTML, CSS, JavaScript, працюю з адаптивною версткою
(Mobile-First), використовую Flexbox, CSS Grid, сучасні підходи до стилізації та
оптимізації UI для e-commerce.

Добре знаю React, працюю з хуками (useState, useEffect), компонентним
підходом, взаємодією з користувачем, фільтрацією даних.

Працював з Figma, реалізовував дизайн відповідно до макетів, забезпечував
точність верстки та коректну поведінку на різних пристроях. Використовую Git,
VS Code, швидко орієнтуюсь у великому коді та існуючих проектах.

Прагну розвиватись як Shopify / Front-end розробник, брати відповідальність за
результат, швидко адаптуюсь до нових вимог і технологій, комфортно працюю в
команді та над реальними e-commerce проєктами.

ТЕХНІЧНІ НАВИЧКИ

- Мови: HTML5, CSS3, JavaScript (ES6+), Liquid
- Технології та фреймворки: React.js, Bootstrap, Flexbox, CSS Grid, CSS-
анімації
- Shopify: Shopify 2.0, робота з темами, sections & blocks, шаблони продуктів і
колекцій, theme settings, metafields
- E-commerce логіка: робота з product variants, cart logic, quantity, price updates,
conditional UI
- Інструменти: Git, Figma, VS Code, Adobe Photoshop
- Методології: Адаптивна верстка, Mobile-first дизайн, Pixel Perfect
- Додатково: React-хуки (useState, useEffect), компонетний підхід,
підключення API, робота зі станом

ДОСВІД РОБОТИ

Frontend Developer (React) – 6+ місяців

 Розробка SPA-додатків з використанням React, Next.js.
 Інтеграція REST API для взаємодії з бекендом
 Реалізація динамічних інтерфейсів (фільтри, пагінація, drag-and-drop)
 Робота з Framer Motion для створення плавних анімацій.
 Інтеграція рішень у CMS (зокрема OpenCart, Shopify).

HTML/CSS ( 3+ роки )

• Розробляв та верстав повноцінні сайти з нуля, використовуючи HTML5, CSS3, JavaScript
(ES6+)
• Впроваджував редизайн існуючих сайтів, покращуючи UX/UI на основі макетів з Figma
• Замінював і оптимізував сторонні JavaScript-скрипти, підключав бібліотеки та
налагоджував їхню роботу
• Створив Telegram-бота для взаємодії з користувачами, підключенням до стороннього API та
обробкою запитів у реальному часі
• Реалізував адаптивну верстку з урахуванням Mobile-First, забезпечивши кросплатформену
доступність на всіх пристроях
• Працював із динамічними списками, фільтрацією даних, категоріями та інтерактивними
елементами у проєктах на React та Next.js
• Впроваджував анімації, слайдери, виїжджаючі меню, корзини, зберігаючи чисту
структуру коду

ПРОЕКТИ:
Примітка: Усі мої проєкти доступні на GitHub (посилання в шапці профілю). Кожен з них
написаний власноруч із дотриманням принципів чистого та масштабованого коду.
Можу пояснити логіку будь-якої частини.

1) Багатофункціональний попап-модуль для OpenCart

https://pop-up-sigma.vercel.app/
Завдання:
Розробка інтерактивного попап-модуля на React для системи OpenCart, який
дозволяє користувачам завантажувати та редагувати файли безпосередньо в
інтерфейсі.
Попап має покрокову логіку з візуальним індикатором прогресу, збереженням
стану у localStorage, а також анімаціями переходів між етапами.
Завантажені файли передаються на бекенд OpenCart для подальшої обробки.

Функціональність:

- Багатокрокова навігація з відображенням прогресу користувача.
- Збереження стану (progress, дані користувача) у localStorage.
- Зона для завантаження файлів із підтримкою Drag & Drop.
- Інтегрований редактор фото з обрізанням і масштабуванням.
- Плавні анімації відкриття/закриття попапу та переходів між кроками.
- Кастомні хуки для розділення логіки (завантаження, прогрес, редагування).
- Відправка результатів редагування на бекенд через API-запити.

Стек технологій:

- React - (Hooks, Custom Hooks)
- Framer Motion - (анімації)
- react-dropzone - (зона завантаження файлів)
- react-image-crop - (бібліотека для редагування фото)
- localStorage - (збереження стану)
- JavaScript - (ES6+)
- HTML/CSS

Деталі:

- Готовий продемонструвати роботу попапу, включно з процесом
завантаження, редагування зображень та збереженням прогресу.

2) React-магазин електроніки
react-magazin-seven.vercel.app
Технології:

React, Next.js, Tailwind CSS
Проєкт інтернет-магазину з категоріями товарів, фільтрацією, відображенням
акційних пропозицій, адаптивним дизайном. Реалізовано логіку карток товарів,
структуру категорій, планується інтеграція з API. Система корзини з
використанням React Hooks (useState, useContext, useReducer)

3) Повноціний працюючий інтернет магазин Shopify
https://safolyte.myshopify.com/

Завдання:
Розробка онлайн магазину для косметики по догляду за шкірою.

Стек технологій:
- Shopify 2.0 (Live Theme Horizon)
- Liquid
- HTML/CSS/JavaScript
- Shopify Metafields
- Shopify Admin API

Деталі:
Готовий надати код доступу для перегляду та оцінки магазину так як це dev
store.

4) Невеличкий інтернет магазин на Shopify
https://swiper-artem.myshopify.com/
Завдання:
Розробка кастомного слайдера з адмін-панеллю Shopify, який дозволяє керувати
контентом без внесення змін у код.

Реалізація фільтрації товарів за кольорами через метаполя (metafields), що дає
можливість групового додавання товарів до однієї колірної категорії.

Стек технологій:
- Shopify
- Liquid
- HTML/CSS/JavaScript
- Shopify Metafields
- Shopify Admin API

Деталі:
Готовий продемонструвати роботу слайдера та фільтрів. За потреби можу надати
тимчасовий доступ до адмінки для ознайомлення.

Технології:

- HTML5, CSS3, SCSS, Tailwind CSS, JavaScript (ES6+), ReactJS, Next.js, Framer
Motion, API інтеграції, Figma, OpenCart / Shopify, Shopify APP, Shopify / Liquid.

МОВИ

 Українська: Рідна
 Англійська: Початковий рівень (готовий розвивати далі)

ІНШЕ

 Готовий до співпраці на фріланс-проектах та стажуванні.
 Цілеспрямований і завжди готовий до навчання новим технологіям та підходам.