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) та можливих помилок мережі.