Switch to English?
Yes
Переключитись на українську?
Так
Переключиться на русскую?
Да
Przełączyć się na polską?
Tak

Євгеній Кобзар

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

Україна Київ, Україна
10 місяців 23 дні тому
Вільний для роботи вільний для роботи
на сервісі 11 місяців 1 день

Рейтинг

Успішних проєктів
Немає даний
Середня оцінка
Немає даний
Рейтинг
148
HTML та CSS верстання
Javascript та Typescript 1

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

Українська Українська: носій
English English: базовий

Резюме

Я — Frontend розробник який дуже полюбляє створювати візуально привабливі та зручні веб-інтерфейси. Витратив сотні годин на освоєння веб-технологій і постійно вдосконалюю свої навички через практичну роботу з реальними проектами. Наразі шукаю: Фрілансерські проекти та відкритий для розгляду повної зайнятості (віддалено або в офісі). Мета: Надання високоякісних, ідеальних та адаптивних веб сайтів, які відповідають сучасним веб-стандартам і перевершують очікування клієнтів

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

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

Портфоліо


  • 10 000 UAH

    Сайт "Кібер техніка"

    Веб-програмування
    Цей проєкт реалізує інтернет-магазин сучасної електроніки "Кібер-Техніка" з такими основними функціями:
    Головна сторінка (index.html):
    Хедер з логотипом, навігацією, перемикачем теми (світла/темна), кнопками входу та кошика.

    Головний банер із закликом перейти до каталогу.

    Динамічний список категорій товарів.

    Блок "Хіти продажу" з популярними товарами.

    Каталог товарів із фільтрацією за категоріями та пошуком.

    Модальні вікна для:

    входу

    реєстрації

    перегляду профілю

    перегляду деталей товару

    кошика

    оформлення замовлення

    зміни пароля

    перегляду історії замовлень

    Каталог і категорії:
    Категорії та товари зберігаються у масивах CATEGORIES і PRODUCTS.

    Відображення категорій та товарів реалізовано динамічно через функції renderCategories, renderBestsellers, renderCatalog.

    Фільтрація каталогу за категоріями та пошуковим запитом.

    Кошик:
    Додавання/видалення товарів.

    Розрахунок загальної суми.

    Збереження кошика в localStorage.

    Оформлення замовлення через контактну форму.

    Перегляд останніх замовлень у профілі користувача.

    Аутентифікація та профіль:
    Простий вхід/реєстрація з перевіркою пароля.

    Збереження даних користувача у localStorage.

    Можливість редагування профілю, зміни пароля, перегляду історії замовлень.

    Інтерфейс:
    Адаптивна верстка (CSS, media-запити).

    Перемикання теми (світла/темна).

    Модальні вікна для взаємодії з користувачем.

    Повідомлення про дії (додано в кошик, очищено кошик, успішне замовлення тощо).

    Структура коду:
    Код поділено на модулі:

    cart.js,

    catalog.js,

    client.js,

    core.js,

    product.js,

    shared.js.

    Уся логіка взаємодії з DOM, localStorage, модальними вікнами, кошиком, каталогом і користувачем реалізована на чистому JavaScript.

    Проєкт є повністю фронтенд-реалізацією (без бекенду):
    Усі дані зберігаються локально в браузері за допомогою localStorage.
  • 8200 UAH

    Ветеранський простір "Побратими честі"

    Веб-програмування
    Цей проєкт реалізує наступне:
    Лендинг-сторінка для ветеранської організації
    Сайт містить інформацію про організацію «Ветеранський простір реінтеграції "Брати Честі"», її цінності, новини, партнерів, проєкти та контакти.

    Адаптивний дизайн
    Усі стилі (css/style.css та інші CSS-файли) забезпечують коректне відображення на різних пристроях (десктоп, планшет, мобільні телефони).

    Багатосекційна структура
    Про нас: опис місії та діяльності організації.

    Цінності: блок з ключовими принципами, кожен з іконкою (css/values.css).

    Новини: автоматичне завантаження останніх дописів з Facebook через Meta Graph API (js/API.js), з підтримкою слайдера фото/відео.

    Партнери: логотипи партнерських організацій (секція прихована за замовчуванням через CSS).

    Наші проєкти: опис та фото основних ініціатив.

    Контакти: телефон, адреса, email, Facebook.

    Автоматичне завантаження новин із Facebook
    Використовується функція fetchFacebookPosts для отримання дописів через Facebook Graph API.

    Відображення фото/відео у вигляді слайдера, автоматичне прокручування слайдів.

    Обробка помилок API.

    Плавна навігація по секціях
    Плавний перехід до секцій при натисканні на пункти меню (js/script.js).

    Враховується висота хедера для правильного позиціонування.

    SEO та Open Graph
    Мета-теги для пошукових систем і соціальних мереж.

    Структуровані дані Schema.org для організації.

    Фірмові шрифти
    Підключено шрифт e-Ukraine (css/font.css).

    Іконки та графіка
    Використано SVG-іконки для секцій (наприклад, герб, іконки цінностей, контактів).

    Відсутність зайвих елементів на мобільних
    Деякі елементи меню та навігації приховані на малих екранах для зручності користувача.

    Основні файли:
    index.html — структура сторінки

    API.js — завантаження новин із Facebook

    script.js — плавна навігація

    CSS-файли для кожного блоку:

    style.css, header.css, about.css, values.css, news.css,

    partners.css, projects.css, contacts.css, footer.css, font.css

    Проєкт повністю статичний
    Не використовує серверну логіку, але інтегрується з Facebook API для динамічного контенту.

Активність

  Останні ставки 3
Верстання сайту з фігми
18 000 UAH
Верстка сайту готовий дизайн у форматі PDF
3104 UAH
Редагувати сторінку - 404
1000 UAH