проект

Современный веб-сайт пекарни

Этот проект представляет собой адаптивный веб-сайт для современной пекарни, созданный как мой первый проект в портфолио в веб-разработке. Он демонстрирует мои навыки в создании структурированных макетов, работе с компонентами пользовательского интерфейса и добавлении интерактивной функциональности с использованием JavaScript.

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

Живой концепт

Рекламный веб-сайт для бренда пекарни, который включает:

Презентация бизнеса

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

Доступные форматы

Формы для запроса контактов и обратного звонка

Интерактивные элементы пользовательского интерфейса

Используемые технологии Фронтенд

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

CSS3 / SCSS

JavaScript (ES6+)

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

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

Google Maps Embed API

SVG спрайты

Адаптивный и отзывчивый макет

Методология именования BEM

Реализованные компоненты пользовательского интерфейса

Заголовок с навигацией

Раздел героя с CTA

Раздел преимуществ

Раздел традиций пекарни

Карточки шеф-поваров/команды

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

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

Подвал с контактами и социальными ссылками

Модальное окно формы

Цель проекта

Этот проект был создан для того, чтобы:

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

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

Работать с взаимодействиями пользовательского интерфейса на основе JavaScript

Понять структуру проекта и организацию кода

Начать создание профессионального портфолио разработчика

Текущий статус

Основной макет и функциональность завершены Возможные будущие улучшения:

Интеграция бэкенда для отправки форм

Улучшения доступности (ARIA)

Оптимизация производительности

Поддержка нескольких языков

Развертывание как полнофункциональное приложение

Обо мне

Я начинающий Full-Stack разработчик, в настоящее время сосредоточенный на укреплении своей фронтенд базы, одновременно переходя к бэкенд технологиям. Этот проект является одним из моих первых шагов в профессиональную веб-разработку.