Skip to content

The Pizza Ordering Website is a web application created with HTML, CSS, and JavaScript. Users can browse pizza options, add items to their cart, and view the total. It includes an image carousel, product listings, and cart functionality for an interactive experience.

License

Notifications You must be signed in to change notification settings

amliyanage/pizza-ordering-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pizza Ordering Website

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.

Pizza Image Pizza Image Pizza Image Pizza Image Pizza Image

Features

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

File Structure

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

Getting Started

Prerequisites

  • A modern web browser (e.g., Chrome, Firefox, Edge).

Installation

  1. Clone the repository:
    git clone https://github.com/amliyanage/pizza-ordering-website.git
  2. Navigate to the project directory:
    cd pizza-ordering-website

Usage

  1. Open index.html in your web browser to view the website.
  2. Browse through the pizza options and add items to your cart.
  3. View the total number of items in your cart in the navigation bar.

Contributing

Contributions are welcome! Please fork the repository and create a pull request with your changes.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Acknowledgements

About

The Pizza Ordering Website is a web application created with HTML, CSS, and JavaScript. Users can browse pizza options, add items to their cart, and view the total. It includes an image carousel, product listings, and cart functionality for an interactive experience.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published