PizzaYM

Проект: PizzaYM — Современное Веб-приложение для Заказа Пиццы
Описание проекта
PizzaYM — это динамичное, интерактивное и интуитивно понятное веб-приложение, созданное для быстрого и удобного заказа пиццы онлайн. Главная цель проекта — обеспечить пользователю качественный клиентский опыт (UX) от момента выбора ингредиентов до оформления доставки, минимизировав количество кликов.

Стек технологий (Tech Stack)
Выбери и оставь то, что было использовано в проекте:

Frontend: HTML5, CSS3/SCSS, JavaScript (ES6+) / React.js / Vue.js

Управление состоянием: Redux Toolkit / Context API / Pinia

Стилизация: Tailwind CSS / Styled Components / Bootstrap

Backend & База данных: MySql

Инструменты: Vite / Webpack, Git, GitHub

Ключевой функционал, который я реализовал
Интерактивный каталог товаров: Удобная сетка пицц с динамической фильтрацией по категориям (мясные, вегетарианские, острые и т.д.) и сортировкой по цене или популярности.

Система корзины (Cart System): Реализован полный цикл управления корзиной — добавление, удаление, изменение количества порций, автоматический пересчет общей стоимости и количества товаров в реальном времени без перезагрузки страницы.

Конфигуратор продукта: Возможность выбора размера пиццы и типа теста с динамическим изменением цены в зависимости от выбранных параметров.

Форма оформления заказа (Checkout): Валидация данных пользователя (имя, телефон, адрес доставки) перед отправкой заказа.

Адаптивный дизайн (Responsive Web Design): Сайт полностью оптимизирован под все типы устройств — от мобильных телефонов до широкоформатных мониторов (Mobile-first подход).

Мои достижения и технические вызовы
Оптимизация производительности: Настроил эффективное управление состоянием приложения, что позволило избежать лишних повторных рендеров компонентов при активной работе с корзиной.

Чистый код и архитектура: Использовал компонентный подход, разделяя логику приложения и интерфейс, что делает проект легким для поддержки и масштабирования.

Работа с асинхронными данными: Реализовал плавную загрузку данных меню с сервера с обработкой состояний загрузки (Skeleton loaders) и возможных ошибок сети.