Internship Report-1

1
A INTERNSHIP REPORT ON FULL STACK WEB

DEVELOPMENT
at
CODEZEAL TECHNOLOGY PVT LTD,
RANCHI.
Project Report
On
Vocational Training
By
PRIYANK
A KUMARI
Roll no:
20901100201
3
Registration no: 20033460007
4th year B. Tech (Electronics and Communication Engineering)
Ramgarh Engineering College, Ramgarh
Ramgarh-825101
District - Ramgarh, Jharkhand
Under Supervision of
Mr. Dhaneshwar Mahto

2
Codezeal Technology Private Limited

3
ACKNOWLEDGEMENT
I am grateful to Mr. Dhaneshwar Mahto, Director and Mrs.

Anita Kumari, HR Executive Codezeal Technology Private
Limited, Ranchi for permitting us to do a project at this
institute.
At the very outset, I would like to express my sincere
gratitude to Mr. Satya sir and Pankaj Sir (Project Mentor) for
their support. He took his time from his busy scheduled and
explained about the practical aspects of the project. His
valuable guidance has helped me to complete this project and
make it success. His suggestions and instructions have served
as the major contributor towards the completion of the project.
This work would be incomplete without his involvement.
I would also express my gratitude thanks to the whole
Codezeal team who were very helpful throughout this training
period. Last but not the least, I would like to extend my
sincere thanks to my family members, without whose support
this would not have been possible
4
CONTENT
Sl.NO TOPICS PAGE NO
01 INTRODUCTION 6
02 LANGUAGES & TECHNOLOGIES USED 7-13
03 SNAPSHOTS WITH RESPECTIVES SOURCE CODES: ---
04 (A)USER INTERFACE (Home) 14
05 (B)ABOUT 14
06 (C)CONTACT US 15
07 (D)MENU 15
08 (E)FEATURES 16
09 (F)RESERVATION 16
10 (G)SIGN UP 17
11 (H)SIGN IN 17
12 (I) CODES 18-22
13 (J) REFERENCE 23
-
5
ABOUT COMPANY
Codezeal Technology Pvt. Ltd. is a training wing of the parent

company Brightcode Software Services Pvt. Ltd. Ranchi,
Jharkhand. It provides industrial training to graduates and
professionals with organized live project training sessions. Our
experts are well-versed with different programming languages and
can guide you thoroughly throughout the training period to let you
tackle real-time challenges in corporate environment. Our training
program includes PHP training, Dot Net Training, Android
Development, JAVA, Python, Website Design, Industrial
Training, and Digital Marketing. Moreover, we provide Summer
and Winter industrial training for 1 Month | 2 Months | and 3
Months to college students in their final year projects."
6
INTRODUCTION
Hello and welcome to the start of our Qrispy restaurant website

project report! We're excited to share the story of how we made
Qrispy available online. Our main goal was to make a website that's
easy for you to explore our food, order online, and book tables
without any hassle. We invite you to read this report to see how we
turned our tasty ideas into a website that's just as enjoyable as our
food. So, come along and find out how we made it happen!
7
LANGUAGES & TECHNOLOGIES USED
LANGUAGES:
HTML
CSS
JavaScript
PHP
MySQL
TECHNOLOGIES:
VS Code
Xampp
8
HTML
HTML stands for Hyper Text Markup Language

HTML is the standard markup language for creating Web pages
HTML describes the structure of a Web page
HTML consists of a series of elements
HTML elements tell the browser how to display the content
HTML elements label pieces of content such as “this is a heading”, “this is a paragraph”,
“this is a link”, etc.
EX:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>

<p>My first paragraph.</p>
</body>
</html>
“Hypertext” refers to links that connect web pages to one another, either within a single
website or between websites. Links are a fundamental aspect of the Web. By uploading
content to the Internet and linking it to pages created by other people, you become an active
participant in the World Wide Web.
HTML uses “markup” to annotate text, images, and other content for display in a Web
browser. HTML markup includes special “elements” such as <head>, <title>, <body>,
<header>,
<footer>, <article>, <section>, <p>, <div>, <span>, <img>, <aside>, <audio>, <canvas>,
<datalist>, <details>, <embed>, <nav>, <search>, <output>, <progress>, <video>, <ul>, <ol>,
<li> and many others.
An HTML element is set off from other text in a document by “tags”, which consist of the
element name surrounded by “<” and “>”. The name of an element inside a tag is case-
insensitive. That is, it can be written in uppercase, lowercase, or a mixture. For example, the
<title> tag can be written as <Title>, <TITLE>, or in any other way. However, the
convention and recommended practice is to write tags in lowercase
9
CSS
CSS is the language we use to style an HTML document.CSS describes how HTML elements
should be displayed.CSS describes how HTML elements should be displayed.
EX:
<!DOCTYPE>
<html>
<head>
<style>
h1{
color:white;
background-
color:red;
padding:5px;
}
p{ color:b
lue;
}
</style>
</head>
<body>
<h1>Write Your First CSS Example</h1>
<p>This is Paragraph.</p>
</body>
</html>
10
JAVASCRIPT
JavaScript (js) is a light-weight object-oriented programming language which is used by

several websites for scripting the webpages. It is an interpreted, full-fledged programming
language that enables dynamic interactivity on websites when applied to an HTML
document. It was introduced in the year 1995 for adding programs to the webpages in the
Netscape Navigator browser. Since then, it has been adopted by all other graphical web
browsers. With JavaScript, users can build modern web applications to interact directly
without reloading the page every time. The traditional website uses js to provide several
forms of interactivity and simplicity.
Features of JavaScript
There are following features of JavaScript:
All popular web browsers support JavaScript as they provide built-in execution environments.
JavaScript follows the syntax and structure of the C programming language. Thus, it is a
structured programming language.
JavaScript is a weakly typed language, where certain types are implicitly cast (depending on
the operation).
JavaScript is an object-oriented programming language that uses prototypes rather than using
classes for inheritance.
It is a light-weighted and interpreted
language. It is a case-sensitive language.
JavaScript is supportable in several operating systems including, Windows, macOS, etc.
It provides good control to the users over the web browsers.
EX: <script>
document.write(“Hello JavaScript by JavaScript”);
</script>
11
PHP
PHP is an open-source, interpreted, and object-oriented scripting language that can be

executed at the server-side. PHP is well suited for web development. Therefore, it is used to
develop web applications (an application that executes on the server and generates the
dynamic page.).
PHP was created by Rasmus Lerdorf in 1994 but appeared in the market in 1995. PHP 7.4.0
is the latest version of PHP, which was released on 28 November. Some important points
need to be noticed about PHP are as followed:
PHP stands for Hypertext Preprocessor.

PHP is an interpreted language, i.e., there is no need for compilation.
PHP is faster than other scripting languages, for example, ASP and JSP.
PHP is a server-side scripting language, which is used to manage the dynamic content of the
website.
PHP can be embedded into HTML.
PHP is an object-oriented
language.
PHP is an open-source scripting language.
PHP is simple and easy to learn language.
12
13
MYSQL
MySQL is an open-source relational database management system (RDBMS) that is widely

used for building and managing databases. It is a popular choice for web applications and
other projects that require a robust and scalable database solution.
Here are some key points about MySQL:
Relational Database Management System: MySQL follows the relational model for
managing data. It organizes data into tables with rows and columns, allowing for efficient
storage and retrieval of data.
Open-Source: MySQL is open-source software, which means it is free to use and can be
modified and distributed by anyone. It is developed and maintained by Oracle Corporation.
Cross-Platform Compatibility: MySQL is compatible with various operating systems such as

Windows, macOS, Linux, and UNIX. It can run on both small-scale and enterprise-level
systems.
SQL Language Support: MySQL supports the SQL (Structured Query Language) for
querying, modifying, and managing the data stored in its databases. SQL provides a
standardized way to interact with relational databases.
Data Security: MySQL provides various security features, including user authentication,
access control, and encryption, to ensure the confidentiality and integrity of data.
Scalability and Performance: MySQL is designed to handle large amounts of data and high
traffic loads. It supports features like indexing, caching, and replication to optimize
performance and scalability.
Integration and Connectivity: MySQL offers connectors and APIs for various programming
languages, making it easy to integrate with different applications and frameworks.
14
HOME & ABOUT PAGE

15
CONTACT US & MENU PAGE

16
FEATURE & RESERVATION PAGE

17
SIGN UP & SIGN IN PAGE

18
<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.4.0/css/all.min.css"
integrity="sha512-
iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0
H/ZpiBw=="
crossorigin="anonymous" referrerpolicy="no-referrer" /> 
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
integrity="sha384-
xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N"
crossorigin="anonymous">/

<link rel="stylesheet" href="style.css">

</head>
<body>
<%@page import="java.util.List"%>
<%@page import="com.Project2.model.UserModel"%>
<%@page import="com.Project2.Dao.UserDao"%>
<link rel="stylesheet" href ="style.css">
<section id="navbar">
<nav class="navbar navbar-expand-lg navbar-light bg-white shadow ">
<a class="navbar-brand" href=""><img src="img/logo.png"
width="60px" margin-bottom="100px" alt=""><span
class="text"><b>Qrispy.</b> </span></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-
target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-
label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">

<ul class="navbar-nav mx-auto">
<li class="nav-item active">
<a class="nav-link" href="index.jsp">Home <span
class="sr- only">(current)</span></a>
</li>
<li class="nav-item ">
<a class="nav-link" href="about.jsp">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="menu.jsp">Menu</a>
</li>
<li class="nav-item">
<a class="nav-link" href="features.jsp">Features</a>
</li>

<li class="nav-item dropdown">

<a class="nav-link dropdown-toggle" href="#" role="button" data-
toggle="dropdown" aria-expanded="false">
Reservation
19
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="reservation.jsp">Online
Reservation</a>
<a class="dropdown-item" href="#">Contact Us</a>
</div>
</li>
</ul>


<button type="button" class="btn btn-warning" style="font-size:15px;
margin:1px;" data-toggle="modal"
data-target="#staticBackdrop">
Sign Up
</button>

<div class="modal fade" id="staticBackdrop" data-backdrop="static" data-
keyboard="false" tabindex="-1"
aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h2 class="modal-title"
id="staticBackdropLabel" style="color:red">Sign Up</h2>
<button type="button" class="close" data-dismiss="modal" aria-

label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form action="action.jsp" method="post">
<div class="signup-box">
<div class="row">
<div class="col-md-6">
<label> Name</label>
<input type="text" name="name" class="form-control mt-
1 mb-1" placeholder="Enter Your Name">
</div>
<label>Contact No.</label>
<input type="text" name="contact" class="form-control mt-
1 mb-1" placeholder="Enter Your Contact No.">
</div>
<label>Email</label>
<input type="email" name="email" class="form-control mt-
1 mb-1" placeholder="Enter Your Email">
</div>
<label>Password</label>
<input type="password" name="password" class="form-
control mt-1 mb-1" placeholder="Enter Your Password">
</div>
<label>Confirm Password</label>
control mt-1 mb-1" placeholder="Confirm Password">
</div>
<input type="submit" name="btn" value="signup" class="btn
btn-warning" >
20
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>


<button type="button" class="btn btn-warning" style="font-size:15px;
margin:1px" data-toggle="modal"
data-target="#staticBackdropzz">
Sign In
</button>

<div class="modal fade" id="staticBackdropzz" data-
backdrop="static" data-keyboard="false" tabindex="-1"
aria-labelledby="staticBackdropLabezz" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h2 class="modal-title"
id="staticBackdropLabelzz" style="color:red">Sign In</h2>
<form action="action.jsp" method="POST">
<button type="button" class="close" data-dismiss="modal" aria-
label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="signin-box">
<form>
<div class="row">
<label>Email</label>
<input type="email" name="email" class="form-control mt-1
mb-1" placeholder="">
</div>
<label>Password</label>
control mt-1 mb-1" placeholder="">
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-warning"
name="btn" value="signin"data-dismiss="modal">Sign In</button>
</div>
</form>
</div>
</div>
</div>
21
</div>
</nav>
</section>
<jsp:include page="headerlink.jsp"></jsp:include> 

<jsp:include page="header.jsp"></jsp:include> 
<link rel="stylesheet" href ="style.css">
<section class="ab mt-5 mb-5 ">

<div class="container">
<div class="row align-items-center">
<img src="img/about_new.jpeg" width="100%" height="400px">
</div>
<h1 style="color:red; font-size:40px">Our Story</h1>
<p> <br> <b>Welcome to Qrispy, where our story is a delightful blend
of passion, flavors, and hospitality. From humble beginnings, we've evolved
into a cherished dining destination, dedicated to serving exceptional food
with genuine warmth. <br> Our talented chefs meticulously craft each dish,
infused with creativity and a commitment to quality. Join us on this culinary
journey and experience the magic of Qrispy.</b>
</p>
<p class="btn btn-warning" style="text-align: center;">Reservate</p>
</div>
</div>
</div>
<section id="abb" style=" margin:100px ">

<div class="row">
<div class="col-md-3 col-sm-9">
<img src="img/about1.jpeg" class="card-img-top" alt="...">
</div>
<img src="img/about4.jpeg" class="card-img-top" alt="...">
</div>
<img src="img/about22.avif" class="card-img-top" alt="...">
</div>
<img src="img/about555.avif" class="card-img-top" alt="...">
</div>
</div>
</div>
</section>
</section>
<section id="abt" style="margin-bottom:30px">

<div class="row ">
<h2 style="color:red;font-size:40px"> Order Your Best <br> Food
anytime</h2><br>
<p>Ready to tantalize your taste buds? <br> Explore our diverse menu
at Qrispy, filled with mouthwatering options. <br> From appetizing starters to
flavorful mains and tempting desserts, our menu offers something for everyone.
Discover delightful flavors, made with love and attention to detail. <br> Join
us and experience a culinary adventure like no other.
</p>
22
<button style="color:white;background-color:red">Explore
Food</button>
</div>
<div class="rotator">
<img src="img/biryani.jpeg" alt="">
</div>
</div>
</div>
</div>
</section>
<h2 style="color:red; text-align:center; font-size:45px;margin-bottom: 60px">

Our Team</h2>
<center><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. At commodi
temporibus tenetur quisquam culpa libero accusamus exercitationem, soluta
eos<br> nemo officiis odit vero consequuntur delectus excepturi architecto
recusandae velit id!<br>Lorem ipsum dolor sit amet consectetur adipisicing
elit. Fuga modi omnis ex maxime veniam ducimus?</p></center>
<br>
<section class="zzz">
<div class="container ">
<div class="row">
<div class="card" style="text-align:center; height:280;width:200">
<img src="img/owner.jpeg" style="border-radius:50%;
width:100px;margin-left:65px;margin-top:8px" >
<div class="card-body">
<h5>Priyanka</h5>
<h6>Owner</h6>
<p>Oversees restaurant operations, manages finances, and drives the
establishment's success with passion and expertise.</p>

<a href="https://facebook.com" class="me-4 text-reset">
<i class="fab fa-facebook-f"></i>
</a>
<a href="" class="me-4 text-reset">
<i class="fab fa-twitter"></i>
</a>
<i class="fab fa-google"></i>
</a>
<i class="fab fa-instagram"></i>
</a>
<i class="fab fa-linkedin"></i>
</a>
<i class="fab fa-github"></i>
</a>

</div>
</div>
</div>

<div class="card" style="text-align:center; height:280;width:200">
<img src="img/manager.jpeg" style="border-radius:50%; width:100px
23
REFERENCE
W3 SCHOOL(https://www.w3schools.com/php/default.asp)
JAVAT POINT(https://www.javatpoint.com/)
BOOTSTRAP(https://getbootstrap.com/)
24

Internship Report-1

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Internship Report-1

Uploaded by

Copyright:

Available Formats

1

A INTERNSHIP REPORT ON FULL STACK WEB

4th year B. Tech (Electronics and Communication Engineering)

Ramgarh Engineering College, Ramgarh

District - Ramgarh, Jharkhand

Mr. Dhaneshwar Mahto

Codezeal Technology Private Limited

I am grateful to Mr. Dhaneshwar Mahto, Director and Mrs.

Sl.NO TOPICS PAGE NO

02 LANGUAGES & TECHNOLOGIES USED 7-13

03 SNAPSHOTS WITH RESPECTIVES SOURCE CODES: ---

04 (A)USER INTERFACE (Home) 14

12 (I) CODES 18-22

Codezeal Technology Pvt. Ltd. is a training wing of the parent

Hello and welcome to the start of our Qrispy restaurant website

LANGUAGES & TECHNOLOGIES USED

HTML stands for Hyper Text Markup Language

<h1>My First Heading</h1>

JavaScript (js) is a light-weight object-oriented programming language which is used by

PHP is an open-source, interpreted, and object-oriented scripting language that can be

PHP stands for Hypertext Preprocessor.

MySQL is an open-source relational database management system (RDBMS) that is widely

Here are some key points about MySQL:

Cross-Platform Compatibility: MySQL is compatible with various operating systems such as

HOME & ABOUT PAGE

CONTACT US & MENU PAGE

FEATURE & RESERVATION PAGE

SIGN UP & SIGN IN PAGE

<%@ page language="java" contentType="text/html; charset=UTF-8"

<link rel="stylesheet" href="style.css">

<div class="collapse navbar-collapse" id="navbarSupportedContent">

<!-- <li class="nav-item ">

<li class="nav-item dropdown">

<button type="button" class="close" data-dismiss="modal" aria-

<jsp:include page="headerlink.jsp"></jsp:include>

<section class="ab mt-5 mb-5 ">

<section id="abb" style=" margin:100px ">

<section id="abt" style="margin-bottom:30px">

<h2 style="color:red; text-align:center; font-size:45px;margin-bottom: 60px">

<!-- <section class="d-flex justify-content-center justify-content-

<div class="col-md-3 col-sm-9">

You might also like