PizzaYM

Project: PizzaYM — Modern Web Application for Ordering Pizza
Project Description
PizzaYM is a dynamic, interactive, and user-friendly web application designed for quick and convenient online pizza ordering. The main goal of the project is to provide users with a quality customer experience (UX) from the moment they select ingredients to the checkout process, minimizing the number of clicks.

Tech Stack
Choose and leave what was used in the project:

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

State Management: Redux Toolkit / Context API / Pinia

Styling: Tailwind CSS / Styled Components / Bootstrap

Backend & Database: MySql

Tools: Vite / Webpack, Git, GitHub

Key Features I Implemented
Interactive Product Catalog: A convenient grid of pizzas with dynamic filtering by categories (meat, vegetarian, spicy, etc.) and sorting by price or popularity.

Cart System: Implemented a complete cart management cycle — adding, removing, changing the quantity of items, automatic recalculation of total cost and quantity of items in real-time without page reload.

Product Configurator: Ability to choose pizza size and dough type with dynamic price changes based on selected parameters.

Checkout Form: Validation of user data (name, phone, delivery address) before submitting the order.

Responsive Web Design: The site is fully optimized for all types of devices — from mobile phones to widescreen monitors (Mobile-first approach).

My Achievements and Technical Challenges
Performance Optimization: Set up effective state management for the application, which helped avoid unnecessary re-renders of components when actively working with the cart.

Clean Code and Architecture: Used a component-based approach, separating application logic and interface, making the project easy to maintain and scale.

Working with Asynchronous Data: Implemented smooth loading of menu data from the server with handling of loading states (Skeleton loaders) and possible network errors.