Switch to English version?

Yes

Переключитись на українську версію?

Так

Переключиться на русскую версию?

Да

Przełączyć się na polską wersję?

Tak

Viktor Baratej

Запропонуйте Viktor роботу над вашим наступним проєктом або зареєструйте профіль фрилансера і починайте заробляти просто зараз.

Україна

3 місяці 7 днів тому

вільний для роботи

на сервісі 1 рік

HTML-верстальщик
верстка landing page
web разработка
web developer
кроссбраузерная верстка
flexbox
CSS/HTML верстка

Рейтинг

Успішних проєктів

Середня оцінка

Рейтинг

HTML та CSS верстання

1925 місце з 5604

Javascript та Typescript

1303 місце з 3453

Рівень володіння мовами

Резюме

Мене звати Віктор, я Front-End Developer із практичним комерційним досвідом та активним розвитком у напрямку Full-Stack (Node.js).

Працював над реальними фриланс-проєктами: розробляв сучасні лендинги та корпоративні сайти, створював pixel-perfect адаптивну верстку, багаторазово використовувані UI-компоненти на React, інтегрував зовнішні API та виконував повний цикл деплою проєктів (Vite, GitHub, хостинг). У портфоліо є кілька живих проєктів з React, API-інтеграціями та сучасним UI.

Маю впевнені знання JavaScript, розуміння базових алгоритмів, структур даних та принципів організації коду. Активно використовую Git у щоденній роботі, вмію читати й підтримувати чужий код. Маю базові знання TypeScript та практичний досвід роботи з React.

Зараз вивчаю Node.js та Express, щоб розширити розуміння серверної частини та повного циклу розробки. Швидко навчаюся, люблю розбиратися в нових технологіях та відповідально підходжу до виконання задач. Англійська — на рівні B1+, комфортно працюю з технічною документацією.

Навички та вміння

Програмування

Портфоліо

Explore-Indonesia

Веб-програмування

Дослідіть Індонезію
Це адаптивна цільова сторінка, створена на основі [дизайну Figma] для туристичного веб-сайту про Індонезію.

Ключові характеристики
… Ідеальна піксельна верстка, що відповідає дизайну
Повністю адаптивний дизайн
Підхід, орієнтований на мобільні пристрої
Сучасний та чистий інтерфейс користувача
Плавна анімація та прокручування (якщо застосовується)
Оптимізовані зображення та ресурси
Використані технології
HTML5 / CSS3 / JavaScript
(REACT + Vite)
GENIUS

HTML та CSS верстання

GENIUS — Лендінг-сторінка навчального курсу
Лендінг за макетом із Figma з сучасним дизайном, акцентами на CTA та чіткою структурою. Використано HTML, CSS і JavaScript без сторонніх фреймворків.

Технології
… HTML5
CSS3
JavaScript (таймер, скролл, логіка зміни цін)
Технічне завдання
Верстаємо пк версію 1в1 як на макеті, моб версію можна адаптивно зробити самому, але щоб це круто виглядало. (для моб версії є окремо промальований блок “Програма курсу”).

Дві кнопки “Записатися на курсу” що в першому блоці ведуть плавним скроллом до пакетів “Формат участі”, на кнопках ставимо плавну анімаці зі зміною фону кнопки з фіолетового на білий.

Блок “Програма курсу”, кожен модуль плавно відкривається випадаючим елементом знизу, його можна розкрити та відкрити натиснувши по блоку “Модуль…”. Кожен урок має свій окремий опис (назви уроків та опис можна взяти з макету та під кожен модуль зробити однакові). В кожному уроці є кнопка “Забронювати місце на курс” яка веде до блоку з пакетами “Формат участі”.

Блок “Оберіть свій формат участі” має таймер до наступної пʼятниці до 23:59, кожен пункт в форматах участі де біля нього є іконка має при наведені свою підказку, на кожен пункт можна поставити однакову підказку яка є на макеті. На цінах в цьому блоці потрібно поставити скрипт який разом з таймером в задану дату буде автоматично змінювати ціни, можна змінені ціни поставити на 1 тис грн більше, і так 4-ри рази. Тобто якщо пакет про 10080, то наступна ціна 11080, наступна 12080 і тд.

Блок “Розстрочка” має по середині дедлайн “Пропозиція діє до: ”, там встановити скрипт який бере сьогоднішню дату та додає +2 дні до цієї дати.

Статус виконання
ПК версія 1:1 з макетом
Плавний скролл та анімації кнопок
Випадаючі модулі програми
Підказки при наведенні
Таймер до п’ятниці
Автоматична зміна ціни (4 етапи)
Скрипт розстрочки (плюсує 2 дні до поточної дати)
Проєкт не використовує сторонніх бібліотек чи фреймворків
Увесь код написаний вручну з фокусом на чисту верстку та функціональність.
Потфоліо

HTML та CSS верстання

Оновив своє портфоліо: додав форму з відправкою повідомлень прямо на email + задеплоїв сайт на Vercel!
Продовжую вдосконалювати свій сайт-портфоліо як Frontend Developer, додав на секцію Про мене
“Acordeon” із плавною анімацією.
Цього разу реалізував повноцінну контактну форму, яка включає:
… - Ім’я
- Email
- Повідомлення
- Кнопку "Відправ мені повідомлення"
Дані з форми надсилаються мені на email за допомогою Emailjs, а користувач бачить приємне повідомлення через iziToast.
Що під капотом:
HTML / CSS / JS;
Emailjs;
Nodemailer для відправлення листів;
dotenv;
iziToast для UI-сповіщень;
Vecel як хостинг-платформа;

Активність

Останні ставки 10	Бюджет	Додано	Терміни	Ставка
Шукаю junior верстальника для реалізації сайту-візитки (дизайн готовий, Figma) 4999 UAH	4999 UAH	19 лют	3 дні	відхилено
Стилізувати карточки товару 700 UAH	700 UAH	30 січ	1 день
Розробка сайту з нуля для логістичної компанії з формою 10 000 UAH	10 000 UAH	29 січ	15 днів
Верстка, функціонал 2500 UAH	2500 UAH	29 січ	1 день	відхилено
Проектування структури каталогу освітлення (OpenCart) 1000 UAH	1000 UAH	29 січ	1 день
Робота з відгуками на prom та розетка 5000 UAH	5000 UAH	29 січ	1 день
Маленькі доопрацювання інтернет-магазину на opencart 1500 UAH	1500 UAH	29 січ	1 день
Реалізація верстки Figma -> ElementorPro 10 000 UAH	10 000 UAH	28 січ	10 днів
Правки на масажному сайті 700 UAH	700 UAH	28 січ	1 день
Верстка сайт лендінгу 4000 UAH	4000 UAH	28 січ	5 днів