USF Dining Web Application

Overview

The USF Dining Web Application provides a user-friendly interface for exploring dining options at the University of South Florida (USF). The application includes features for viewing restaurant details, browsing menus, checking special offers, and proceeding to checkout. It is built using HTML, CSS, and JavaScript to deliver a dynamic and responsive web experience.

Features

• Restaurant Listings: View a list of restaurants with logos, descriptions, and links to detailed pages.
• Restaurant Details: Access detailed information about each restaurant, including menu items, prices, location, and timings.
• Special Offers: Browse current promotions and special deals offered by the restaurants.
• Menu and Prices: Check the menu items and prices for each restaurant, with options to add items to the cart.
• Order Summary: Review the order summary before proceeding to checkout.
• Checkout Process: Provide billing and payment information to complete the purchase.

Technologies Used

• HTML: Markup language for structuring the web pages.
• CSS: Stylesheets for designing and layout.
• JavaScript: Script for interactivity and dynamic content.

File Structure

• index.html - Home page listing restaurants.
• restaurants.html - Page with restaurant listings.
• payment.html - Checkout page for reviewing and completing orders.
• panera.html - Detail page for Panera Bread restaurant.
• css/ - Directory containing CSS files for styling.
  • main.css - General styles for the application.
  • payment.css - Styles specific to the payment page.
  • menu.css - Styles specific to the menu page.
• img/ - Directory containing image assets (e.g., restaurant logos, food images).
• js/ - Directory containing JavaScript files for interactive features.
  • main.js - JavaScript code for dynamic functionality.

Getting Started

1. Clone the Repository:

   git clone https://github.com/PriyaankaReddyB/usf-dining-web-app.git

2. Navigate to the Project Directory:

   cd usf-dining-web-app

3. Open the Project:

   • Open index.html in a web browser to view the application.

Usage

• Navigation: Use the navigation menu to browse different sections of the application.
• Order Management: Add items to the cart, review the order summary, and proceed to checkout.
• Special Offers: Check out the promotions and special deals in the special offers section.

Access the Application

You can access the web application at the following URL: USF Dining Web Application