Zinnger - Restaurant Landing Page

Overview

Welcome to Zinnger - a responsive and dynamic restaurant landing page designed and developed to enhance the digital presence of our restaurant. This project encompasses a range of features, from an interactive menu with online ordering to a seamless table booking system. Dive into the world of Zinnger and explore what we have to offer!

Live View : https://rakshitgupta9.github.io/Zingger-Restaurant_Web_page/

Table of Contents

• Features
• Technologies Used
• Installation
• Usage
• Screenshots

Features

1. Dynamic Menu:

   • Browse through our diverse range of dishes and beverages.
   • Customize orders and view a running total.
   • Seamless integration with various payment gateways.

2. Table Booking:

   • Effortlessly book a table by providing necessary details.
   • Agree to terms and conditions for a transparent booking process.
   • Receive instant confirmation of your reservation.

3. Admin Portal:

   • Secure login for authorized personnel.
   • Access details about orders and table bookings for efficient management.

4. Gallery:

   • Visual showcase of our restaurant's ambiance and culinary creations.
   • Engaging images and videos to provide a glimpse of the Zinnger experience.

5. About Us:

   • Explore the restaurant's history, philosophy, and team.
   • Share your feedback through our user-friendly feedback section.

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6)
• PHP
• MySQL
• phpMyAdmin
• Visual Studio Code (IDE)

Installation

1. Clone the repository: git clone https://github.com/Rakshitgupta9/Zingger-Restaurant_Web_page.git
2. Set up a local server using tools like XAMPP or WampServer.
3. Import the database using the provided SQL file (database.sql).
4. Configure the database connection in the PHP files.
5. Open the project in your preferred web browser.

Usage

1. Access the home page (index.html) to explore the restaurant's overview and initiate the admin login.
2. Navigate through the menu, make online orders, and proceed to payment.
3. Book a table by providing your details and agreeing to terms and conditions.
4. Explore the gallery to visualize the restaurant's ambiance.
5. Learn more about us and provide feedback.

Screenshots

• Home Page
  
  

• Menu
  
  

• Dark Mode
  
  

• Table Booking