Skip to content

randaabdoerfan/Menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🍕 Pizza Cart React App

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.


📌 Features

  • 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

🛠️ Technologies Used

  • React.js
  • JavaScript (ES6)
  • HTML5
  • CSS3
  • React Hooks (useState)
  • npm

🧩 Main Components

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

📂 Project Structure

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

🚀 Getting Started

1️⃣ Clone the repository

git clone https://github.com/randaabdoerfan/Menu.git

About

menu for pizza hub

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors