- 24th Nov 2021
- 03:25 am
Programming Assignment - Technical Report on Restaurants Website
Introduction:
Online existence is very important for every business in the modern world. Even if you are selling the smallest thing you have to be available online. So in this scenario, we are taking a restaurant named MyFood online.
Requirement:
The requirement of the client is that he wants to show up his main menu, a speciality of food and services, the location where the restaurant is located, and contact information of sales.
Architecture:
As developers, we have to decide the architecture of the website. The requirement of the client is very simple so we decided to make this in HTML, CSS, and maps API from Google. This will cover the entire requirement for the client
Implementation
Main Page:
One the main page we added the image of restaurant at the main banner so that it will make look and feel better, and after that on the main banner, we created a text space for the client to his slogan. We have created the
and implemented the src image option in class “placeholder”. And implemented the property –index so that when the user scroll down the image also give us the feel the it is also moving. After that we created the menu with <nav> tag, here is the main page and the contact page for navigation. After that we created another div for the main message of the website where the user see the specialty of the restaurant,
After that we include the menu options which are in main div we created the and after the main div, we made the
tag for each menu , and in that article tag “” we usetag to give the path of the image of the food. Now we are able to show the image of the food and after that we use the “Paragraph tag
”to add up the details of menu item , like description and how it is cooked and what is the specialty , and again we use the next
tag to add the price in new line. And all the fonts and colors are controlled by css file available separately in relative folder. If user want to change anything in entire website that will be easily controlled by css classes and values.
Contact page:
On this page we simply copied the same case from the main page; a restaurant main image is at the front and the text space for the slogan. After the same navigation panel which was made by
tags After the same div for the text and greetings from the client to customers
Now the difference starts from after this rather than the main menus we created contact information details, like Address, Phone number, email, and zip code, these all is created by
tags.
After finishing these tags we put social media tags there where the user can redirect his customers for their Facebook, twitter, or Instagram channels.
Now down there as the requirement of client we created the space for the location of the restaurant, so as we already created the page of location earlier in html page using API call for the Google maps .so we created the
Now the requirement of the client is fully covered , he needs the main page, welcome section, and menu items to be presented with images and descriptions with price, contact information, and social networking links, and the location where the restaurant is located.
Hope this will boot the customers for the restaurant and have great sales due to online existence.