This project is a simple pizza ordering website built using HTML, CSS, and JavaScript. It allows users to view different pizza options, add them to their cart, and see the total number of items in the cart.
- Image Carousel: Automatically changes the displayed image every 4 seconds.
- Product Listing: Displays a list of pizza items with their details.
- Cart Functionality: Allows users to add items to the cart and see the total count of items in the cart.
- Increment/Decrement Quantity: Users can increase or decrease the quantity of each item before adding it to the cart.
index.html
: The main HTML file that includes the structure of the homepage.css/
: Directory containing CSS files for styling the website.loginPage.css
: Styles for the login page.product.css
: Styles for the product listing.
js/
: Directory containing JavaScript files for functionality.Item.js
: JavaScript class for creating item objects.LoginPage.js
: JavaScript file for handling the login page functionality and item listing.
- A modern web browser (e.g., Chrome, Firefox, Edge).
- Clone the repository:
git clone https://github.com/amliyanage/pizza-ordering-website.git
- Navigate to the project directory:
cd pizza-ordering-website
- Open
index.html
in your web browser to view the website. - Browse through the pizza options and add items to your cart.
- View the total number of items in your cart in the navigation bar.
Contributions are welcome! Please fork the repository and create a pull request with your changes.
This project is licensed under the MIT License. See the LICENSE
file for more details.
- Icons by Font Awesome
- Images from various sources