REPORT

ON

FOUR WEEKS OF INTERNSHIP

Carried out on

ONLINE RESTAURANT WEB PAGE

(FRONT-END WEB DEVELOPMENT)

Submitted to

NMAM INSTITUTE OF TECHNOLOGY, NITTE

(An Autonomous Institution under VTU, Belagavi)

In partial fulfillment of the requirements for the award of the

Degree of Bachelor of Engineering

in
Computer and Communication Engineering

by

BHAGIRATHI B
4NM21CM048

Under the guidance of

DR ASHISH SINGH

(Assistant Professor)
 CERTIFICATE

This is to certify that the “Internship report” submitted by Mr./Ms.

BHAGIRATHI.B bearing USN 4NM21CM013 of VTH semester B.E., a

bonafide student of NMAM Institute of Technology, Nitte, has undergone four

weeks of internship on “ONLINE RESTAURANT WEB PAGE” (Front-end

Web Development) during August 2022 fulfilling the partial requirements for

the award of degree of Bachelor of Engineering in Computer and

Communication Engineering at NMAM Institute of Technology, Nitte.

Name and Signature of Mentor Signature of HOD

ID:2305003

CERTIFICATE OF INTERNSHIP
This is to certify that

BHAGIRATHI B
has successfully completed an internship in "Front-end web
development", from 18 May 2023 to 19 June 2023.
During the internship, the candidate was found to be enthusiastic,
punctual and innovative.

19 June 2023

DATE MR. SINCHAN

M S
Managing
Director
Electromotive Club
 TABLE OF CONTENTS

CONTENTS PAGE NO.

1. ABSTRACT 01
2. INTRODUCTION 02
3. METHODOLOGY 03

4. IMPLEMENTATION DETAILS 03
5. RESULTS 07
5.1 Sample Output (Screenshots) 07
6. CONCLUSION & FUTURE
09
ENHANCEMENTS
7. REFERENCES 10

i
 ONLINE RESTAURANT WEBPAGE

ABSTRACT

This internship report presents a comprehensive analysis of the development and implementation
of a restaurant website. The aim of this internship was to gain practical experience and contribute
to the creation of a user-friendly and feature-rich website that caters to the needs of customers.
The report highlights the key tasks undertaken during the internship, including requirements
gathering, design, development, testing, and deployment of the website. The internship began
with a thorough exploration of the requirements and goals of the restaurant website. Extensive
research was conducted to identify industry trends, user preferences, and technological
advancements to ensure the website's competitiveness in the market. A user- centered design
approach was adopted to create a visually appealing and intuitive interface that enhances the user
experience. The development phase involved the utilization of web development technologies
such as HTML, CSS, JavaScript to implement the website's front- end and back-end
functionalities. Content management systems and databases were integrated to facilitate efficient
data management, tour package listings, booking processes, and customer interactions. Emphasis
was placed on ensuring the website's responsiveness across different devices and optimizing its
performance for seamless navigation. This internship report concludes with a comprehensive
evaluation of the project's success in achieving its objectives. The experience gained during the
internship provided valuable insights into the practical aspects of website development, project
management, and collaboration within a team. The report also highlights the challenges
encountered during the internship and provides recommendations for future improvements and
enhancements to the tour and travel website. Overall, this internship report provides a detailed
account of the development process and outcomes of a restaurant website, showcasing the
acquired skills, knowledge, and achievements during the internship period

1
 ONLINE RESTAURANT WEBPAGE

CHAPTER 1

INTRODUCTION

"Online Restaurant Management System" is a web application. This system is developed

to automate day to day activity of a restaurant. Restaurant is a kind of business that serves
people all over world with ready-made food. This system is developed to provide service
facility to restaurant and also to the customer. This restaurant management system can be
used by employees in a restaurant to handle the clients, their orders and can help them
easily find free tables or place orders.

The services that are provided is food ordering and reservation table management by the
customer through the system online, customer information management and waiter
information management, menu information management and report. The restaurant
menu is organized by categories (appetizers, soups, salads, entrees, sides and drinks) of
menu items. Main objective build in this system is to provide ordering and reservation
service by online to the customer. Each menu item has a name, price and associated
recipe. A recipe for a menu item has a chef, preparation instruction sand associated
ingredients. With this system online, ordering and reservation management will become
easier and systematic to replace traditional system where are still using paper. To resister
a meal online, the customer has to become a member first then he can access the later part
of the site. This project to facilitate customer for make online ordering and reservation.

On our webpage, you'll find a delightful array of culinary creations crafted with passion
And precision ,promising a memorable dining experience for every plate.
Explore our restaurant webpage to discover a menu that celebrates flavors from
around the world.

2
 ONLINE RESTAURANT WEBPAGE

CHAPTER 2
2.1 METHODOLOGY

This internship has been done in one month at NMAM Institute of Technology. The information
regarding webpage on ONLINE RESTAURANT WEB PAGE has been taken from many
sources, discussion with teachers, and customer’s review. In this, we have use HTML, CSS and
JavaScript to design webpage. This internship has been completed in fixed time.

2.2 IMPLEMENTATION DETAILS

To implement HTML, CSS, and JavaScript in a webpage, you need to follow these steps:-
Create an HTML file: Start by creating an HTML file with a .html extension. We can use any
text editor to create the file (e.g., Notepad, Sublime Text, Visual Studio Code). Save the file with
a name of your choice. Add the HTML structure: Inside the HTML file, start with the HTML
document structure. Add the opening and closing tags. Within the tags, include the and
sections.

<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
</head>
<body>
<!-- Your content goes here -->
</body>
</html

Link the CSS file: If we have a separate CSS file, we can link it to your HTML file by adding a
tag within the section. The href attribute should contain the path to our CSS file.
Add content to the webpage: Within the
section, we can add various HTML elements to structure your webpage. For example, we can use
for headings,

3
 ONLINE RESTAURANT WEBPAGE

<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Your content goes here -->
</body>
</html>

Add content to the webpage: Within the <body> section, we can add various HTML
elements to structure your webpage. For example, we can use <h1> for headings, <p> for
paragraphs, <div> for divisions, etc.

<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
<link rel="stylesheet" href="styles.css">
</head>

<body>
<h1>Welcome to My Webpage</h1>
<p>This is some sample text.</p>
<div id="myDiv">This is a division.</div>
</body>
</html>

Create the CSS file: If we want to apply styles to your webpage, create a separate CSS file
with a css extension. Save it in the same directory as our HTML file. In the CSS file, we can
define rules to style HTML elements. For example:

/* styles.css */
4
 ONLINE RESTAURANT WEBPAGE

h1 {
color: blue;
}
p{
font-size: 16px;
}
#myDiv {

background-color: yellow;
}

Link the JavaScript file: To include JavaScript functionality, we can link a separate JavaScript
file to our HTML file. Add a <script> tag just before the closing </body> tag and include the
path to our JavaScript file using the src attribute.

<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Welcome to My Webpage</h1>
<p>This is some sample text.</p>
<div id="myDiv">This is a division.</div>
<script src="script.js"></script>
</body>
</html>

Write JavaScript code: In our JavaScript file, we can write code to add interactivity to our
webpage. For example, we can select HTML elements and manipulate them or respond to
user actions. Here's a simple example:

5
 ONLINE RESTAURANT WEBPAGE

// script.js
var myDiv = document.getElementById("myDiv");
myDiv.addEventListener("click", function() {
myDiv.style.backgroundColor = "red";
})

These are the basic steps to implement HTML, CSS, and JavaScript in a webpage. From
here, we can continue to build and enhance your webpage by adding more HTML

elements, CSS styles, and JavaScript functionality.

6
 ONLINE RESTAURANT WEBPAGE

CHAPTER 3
RESULTS
3.1 Screenshots

Figure 3.1 Opening page of the Webpage

Figure 3.2: Food Menu of the restaurant

7
 ONLINE RESTAURANT WEBPAGE

Figure 3.3: Testimonial and contact page

8
 ONLINE RESTAURANT WEBPAGE

CHAPTER 4
CONCLUSION & FUTURE ENHANCEMENTS

The online restaurant webpage project aimed to create an engaging and informative web page for
a travel agency or tour operator. The webpage successfully incorporated HTML, CSS, and
JavaScript to create an interactive and visually appealing user experience. The webpage followed
a well-structured HTML document format, with the necessary and
sections. The HTML elements were utilized to display various components of the webpage, such
as headings, paragraphs, divisions, images, and links. This allowed for clear and organized
presentation of content related to tours, destinations, packages, and other travel-related
information. CSS played a crucial role in styling the webpage, enhancing its visual appeal and
user experience. Styles were applied to different HTML elements using selectors, and properties
like colors, fonts, sizes, and backgrounds were customized to create a cohesive and aesthetically
pleasing design. The use of CSS also facilitated responsiveness, ensuring the webpage adapts
well to different screen sizes and devices. JavaScript was utilized to add interactivity and
dynamic functionality to the webpage. Through event listeners and DOM manipulation,
JavaScript code enabled features like image sliders, dropdown menus, form validations, and
interactive elements The online restaurant webpage successfully integrated HTML, CSS, and
JavaScript to create an attractive, informative, and interactive web presence for customers. The
project met its objectives of delivering a visually appealing design, user-friendly navigation, and
engaging functionalities. Further improvements and additions can be made to enhance the
webpage's features, such as integrating APIs for real-time availability and booking, incorporating
user reviews and ratings, and optimizing the webpage for search engines to drive traffic.

9
 ONLINE RESTAURANT WEBPAGE

REFERENCES

Websites Referred
1. https://unsplash.com/
2. https://www.pexels.com/
3. https://www.programiz.com/html/online-compiler/
4.https://www.codewithrandom.com/2023/11/12/rest
aurant-website-html-css /
5. www.github.com

10