Опис

Це портфоліо виконаної роботи з веб-розробки сучасного інтернет-магазину меблів «Меблерія». Проєкт реалізовано у складі команди, де моєю основною роллю була розробка, адаптація та інтеграція ключового навігаційного елемента - Header (шапки сайту).

Що замовляв клієнт ?
У межах командного проєкту перед розробниками стояло завдання створити сучасний, швидкий та зручний інтернет-магазин із продуманим інтерфейсом для продажу меблів.
- Основні завдання, які необхідно було вирішити:
Створення адаптивної верстки під різні типи пристроїв (мобільні телефони, планшети, десктопи);
- Розробка та верстка функціонального Header (шапки сайту), що містить логотип, зручне навігаційне меню та адаптивне бургер-меню для мобільних користувачів;
Забезпечення зручної навігації для покращення UI/UX показників сайту;
- Організація чіткої взаємодії у команді для безперешкодної інтеграції всіх частин інтерфейсу (включаючи товарну сітку, пагінацію, фільтрацію та промо-блоки).

Які інструменти фрілансер використовувались в роботі ?
- Базовий стек технологій: HTML5, CSS3, JavaScript (JS);
- Збирач проєктів: Vite;
- Контроль версій та таск-менеджмент: Git / GitHub, Trello (для координації роботи в команді);
- Бібліотеки та інструменти: Axios (для роботи з API-запитами), Accordion, Swiper (для створення слайдерів), Izitoast (для спливаючих сповіщень).

Що отримав клієнт у результаті ?
В результаті командної роботи було запущено функціональний інтернет-магазин меблів «Меблерія» з оптимізованим інтерфейсом. Моя участь у ролі Frontend-розробника забезпечила такі результати:
- Адаптивний та інтерактивний Header: Створено шапку сайту з лаконічним дизайном, яка автоматично підлаштовується під будь-який екран. Реалізовано плавне та зручне мобільне бургер-меню для швидкого доступу до категорій сайту.
- Продумана UI/UX логіка навігації: Елементи керування та посилання спроєктовано так, щоб користувач міг без зайвих зусиль орієнтуватися на сторінці, переходити до потрібних розділів каталогу та взаємодіяти з сайтом.
- Чистота коду та архітектура: Код компонента написаний з дотриманням сучасних стандартів семантики HTML5 та CSS3, він є структурованим і легким для подальшої підтримки чи масштабування іншими розробниками.
- Успішна інтеграція в проєкт: Завдяки використанню збирача Vite та контролю версій Git, розроблений Header інтегровано в загальну систему сайту без конфліктів. Інтернет-магазин підтримує динамічне завантаження товарів за допомогою Axios, зручні слайдери Swiper та логічну пагінацію товарної сітки для комфортного перегляду асортименту.

------
A modern, responsive website for a company specializing in furniture sales. The site features product listings, promotional sections, and a user-friendly
interface with pagination.

Tech: HTML5, CSS3, JS, Vite, Git, Trello, Axios, Accordion, Swiper, Izitoast

Role: Frontend Developer responsible for the Header
Team project

Навички

Односторінкові сайти та лендінги, HTML і CSS верстка

Веб-адреса

https://buievska.github.io/js-shop-group-10/

Тривалість

19-05-2025 ↔ 26-05-2025

Вкладення