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.
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.