Артем

Artem Malchenko
Junior Front-end Developer

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

ПРОФЕСІЙНА МЕТА

Мотивований і захоплений Junior Front-end розробник з понад 1 роком комерційного
досвіду у верстці адаптивних та кросбраузерних веб-інтерфейсів. Володію глибокими
знаннями HTML5, CSS3, JavaScript, а також маю реальний досвід розробки на React.js.

Працював із макетами Figma, реалізовував адаптивний дизайн за підходами Mobile-First,
використовував Flexbox, CSS Grid, Bootstrap та сучасні інструменти розробки (Git, VS
Code).

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

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

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

• Мови: HTML5, CSS3, JavaScript (ES6+)
• Технології та фреймворки: React.js, Bootstrap, Flexbox, CSS Grid, CSS-анімації
• Інструменти: Git, Figma, VS Code, Adobe Photoshop
• Методології: Адаптивна верстка, Mobile-first дизайн
• Принципи розробки: Семантичний HTML, кросбраузерність, чистий код
• Додатково: Next.js, React-хуки (useState, useEffect), компонетний підхід, підключення
API, робота зі станом
ДОСВІД РОБОТИ

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

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

HTML/CSS верстальник ( 12 місяців)

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

Самоосвіта:

• Завершено кілька онлайн-курсів з вивчення HTML, CSS, JavaScript, React.js, Git, що
дозволило опанувати основи веб-розробки, сучасні фреймворки та системи контролю
версій для командної роботи.

ПРОЕКТИ

1. React-магазин електроніки (у розробці)

Технології: React, Next.js, Tailwind CSS
Проєкт інтернет-магазину з категоріями товарів, фільтрацією, відображенням акційних
пропозицій, адаптивним дизайном. Реалізовано логіку карток товарів, структуру
категорій, планується інтеграція з API. Система корзини з використанням React Hooks
(useState, useContext, useReducer)
react-magazin-seven.vercel.app
 2. Невеличкий інтернет магазин на Shopify

https://swiper-artem.myshopify.com/

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

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

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

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

3. HDR-Test (статичний сайт)

Технології: HTML5, CSS3, JavaScript
Макет сайту для тестування HDR-якості телевізорів. Повністю адаптивна верстка,
реалізоване виїжджаюче меню, кнопки, блоки з динамічними ефектами.
malchenko3009.github.io/HDR-Test

4. Ofice-Pages (статичний сайт)

Технології: HTML5, CSS3, Flexbox
Багатосторінковий сайт із класичною бізнес-структурою. Реалізовано адаптивну
верстку, використані сітки та сучасна типографіка.
malchenko3009.github.io/Ofice-Pages

5. ToDo List (JavaScript)

Технології: JavaScript (ES6+), HTML, CSS
Простий список справ із додаванням, видаленням та відміткою виконаних завдань.
Збереження в LocalStorage.
malchenko3009.github.io/ToDo-List

МОВИ

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

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