Food Delivery Website

This repo contains the starter code for the Food Delivery Website project.

Sign-Up

• Allows new users to create an account by entering their name, email, and password.
• Includes a checkbox for users to agree to the terms of use and privacy policy, ensuring compliance and user consent.
• Features a link for existing users to log in if they already have an account.

Log-In

• User Login Form:
  • Allows returning users to enter their credentials (email and password) to access their account.
  • Provides a streamlined process for users to log in and quickly resume their activities, such as placing orders or viewing their order history.
• Password Security:
  • The password input is masked, ensuring user privacy and security during the login process.
• Sign-Up Redirect:
  • For users who do not have an account yet, the login page provides a link to the sign-up page, encouraging new users to create an account.

Item Quantity Management

• The highlighted section allows users to manage the quantity of a specific dish (e.g., "Greek salad").

• Users can increase or decrease the number of items they want to order using the + (plus) and - (minus) buttons.

• User-Friendly Interface:

  • The interface is designed to be intuitive and user-friendly, enabling quick adjustments to the order quantity directly from the product card.

• Real-Time Update:

  • As users adjust the quantity, the count updates in real-time, providing immediate feedback and ensuring the order reflects the desired amount.

• Visual Feedback:

  • The quantity controls (+ and - buttons) are prominently displayed, and the current quantity is shown between the buttons, making it easy to understand at a glance.

Shopping Cart and Checkout Page Functionality

• Cart Overview:

  • This page provides a detailed overview of the user's shopping cart, displaying the items they have selected for purchase, including the title, price per item, quantity, and total cost for each item.

• Item Management:

  • Users can adjust the quantity of each item directly within the cart using the input fields under the "Quantity" column. The total price for each item adjusts dynamically based on the selected quantity.

• Remove Items:

  • The "Remove" column provides an option (indicated by an "x" button) to remove individual items from the cart, allowing for easy modification of the order before checkout.

• Cart Totals Calculation:

  • The "Cart Totals" section at the bottom of the page displays a breakdown of the subtotal, delivery fee, and the total amount payable. This section dynamically updates based on the items in the cart and their quantities.

• Promo Code Application:

  • Users have the option to enter a promo code in the provided input field to apply discounts to their order. The "Submit" button processes the promo code and updates the total cost accordingly.

• Proceed to Checkout:

  • The "PROCEED TO CHECKOUT" button is prominently displayed to guide users to the next step in the purchasing process. Clicking this button takes users to the checkout page where they can enter payment details and complete their purchase.