проект

Сучасний вебсайт пекарні

Цей проект є адаптивним вебсайтом для сучасної пекарні, створеним як мій перший портфоліо проект у веб-розробці. Він демонструє мої навички у створенні структурованих макетів, роботі з компонентами інтерфейсу та додаванні інтерактивної функціональності за допомогою JavaScript.

Вебсайт представляє реальну бізнес-лістівку з секціями, слайдерами, формами та модальними вікнами.

Жива концепція

Рекламний вебсайт для бренду пекарні, який включає:

Презентація бізнесу

Представлення команди

Доступні формати

Форми запиту на контакт та зворотний дзвінок

Інтерактивні елементи інтерфейсу

Використані технології Фронтенд

HTML5 (семантична розмітка)

CSS3 / SCSS

JavaScript (ES6+)

Бібліотеки та інструменти

Swiper.js — реалізація слайдера/каруселі

Google Maps Embed API

SVG спрайти

Адаптивний та гнучкий макет

Методологія найменування BEM

Компоненти інтерфейсу, що реалізовані

Заголовок з навігацією

Герой-секція з CTA

Секція переваг

Секція традицій пекарні

Картки шеф-кухарів/команди

Слайдер форматів

Контактна форма + карта

Футер з контактами та соціальними посиланнями

Накладка модальної форми

Мета проекту

Цей проект був створений для того, щоб:

Практикувати реальний макет вебсайту

Вивчити техніки адаптивного дизайну

Працювати з взаємодіями інтерфейсу, керованими JavaScript

Зрозуміти структуру проекту та організацію коду

Розпочати створення професійного портфоліо розробника

Поточний статус

Основний макет та функціональність завершені. Можливі майбутні покращення:

Інтеграція бекенду для подачі форм

Покращення доступності (ARIA)

Оптимізація продуктивності

Підтримка кількох мов

Розгортання як повноцінного стекового додатку

Про мене

Я амбітний Full-Stack розробник, в даний час зосереджений на зміцненні своєї фронтенд основи, одночасно переходячи до бекенд технологій. Цей проект є одним з моїх перших кроків у професійній веб-розробці.