Implement an online booking system for a restaurant, allowing users to make reservations for dining in or ordering takeout QUESTION
ABSTRACT 1.Login page 2. Real-time ordering food (HOME) 3. Order Placement & Customization (CART) 4. Real Time Booking (BOOKING) 5. Analytics & Reporting (CONTACT)
LOGIN PAGE In header tag we have two button Login button Contact button 1.LOGIN BUTTON: It contain register page and login page, If you register with Email-id and Password it will re-direct to the home page 2.REGISTER PAGE: In register page if you give password and conform password correctly it will show (password match). In register page if you give password and conform password incorrectly it will show (password do not match).
NORMAL REGISTER PAGE
Register With Correct Password
Register With Incorrect Password
Login Page
Giving Information For Login
After “Login”: We have come to the “HOME “ page. In the home page section. The footer tag having. 1. Home 2. About 3. Cart 4.Booking 5.Login HOME PAGE
In the home page , At first we have added flip over squares for the type of food you want. About Home page
And then we have the food section given below… There are several type of foods available . You can add the food to your order by just giving “Add to cart” in the food menu. Food section in HOME
Add to cart You can order food item by selecting “Add to cart “ button in the image given below… By clicking the “Add to cart” button ,the food will automatically added to your menu. You can choose your foods.
Popup for “Add To Cart”
Here ,we have added some of the advertisements that has been playing in a loop. Advertisement
In footer section, we have the social media icons. Facebook Twitter Linkedin Instagram Footer
The added food items are stores in the cart section . Once you have choose your foods and then move to the “cart” section to order your food items by clicking “Order now”. You can also remove selected food by clicking “Delete” button in the cart. CART
Order Successful in CART
In the “Booking” section ,you can select your seats, which will show, 1. Available seats(white). 2. Booked seats(grey). 3. selected seats(green). BOOKING
Selecting seats
According to the seat selected the payment will shown below . Then we have to book the tickets by clicking the “Book” button.