A simple React Single Page Application (SPA) that allows users to browse pizzas and add the pizzas they want to their shopping cart.
The goal of this project is to practice React fundamentals, state management, and component-based design while building a simple food ordering interface.
- Display a list of available pizzas
- Add pizza to cart
- Remove pizza from cart
- Update cart quantity
- Show total price
- Simple and responsive UI
- React component-based structure
- React.js
- JavaScript (ES6)
- HTML5
- CSS3
- React Hooks (
useState) - npm
#App.js
-Main component that manages application state.
#PizzaList.js
-Displays all available pizzas.
#PizzaItem.js
-Displays a single pizza and allows adding it to the cart.
#Cart.js
-Displays selected pizzas and calculates total price.
pizza-cart-app │ ├── public │ └── index.html │ ├── src │ ├── components | | |__Navigation | │ │ |── Navbar.js | | | |Navbar.css │ │ ├── Products | │ │ ├── ProductCard.js | │ │ ├── ProductList.js | │ │ ├── products.css | | redux │ │ │ ├── App.js │ ├── index.js │ └── styles.css │ └── package.json
git clone https://github.com/randaabdoerfan/Menu.git