SIX-WEEK SUMMER TRAINING REPORT ON

“Full stack Web Development”

A SUMMER TRAINING REPORT

SUBMITTED BY
SWATI MALIK
20BET1008
in partial fulfilment of summer training for the award of the degree of

BACHELOR OF ENGINEERING
IN
COMPUTER SCIENCE ENGINEERING

APEX INSTITUTE OF TECHNOLOGY

CHANDIGARH UNIVERSITY, GHARUAN
Mohali, Punjab
JULY,2022
 GANTT CHART TOPIC WISE

START DATE
Final test 44762

Module 7 44761

Module 6 44757

Module 5 44752

Module 4 44747

Module 3 44739

Module2 44735

Module 1 44729

30-05-2026 09-06-2026 19-06-2026 29-06-2026 09-07-2026 19-07-2026 29-07-2026

 DECLARATION

I hereby declare that I have completed my SIX Week online summer training at Clues
Network Private Limited. from 01/06/2022 to 13/07/2022 under the guidance of
SHOPCLUES. I hereby undertake that the work done undertaken by me is the genuine work
of mine.

NAME OF STUDENT: SWATI MALIK

DATE: 13/07/2022
 PREPARATION AND REPORT:

TITLE PAGE-

The title of my work done during SIX weeks of summer training is Web development.
During these six weeks have learned so much regarding the HTML, CSS, BOOTSTRAP and
some database connectivity tools like sqlite3.

ABOUT THE COMPANY:

I have done my Eight Week online summer training on online platform called Clues
Network Private Limited. Clues Network Private Limited is India’s no. 1 internship and
training platform Founded by Shrey Srivastava, an IIT Madras alumnus, in 2011, the website
helps students find internships with organizations in India with 40000+ paid internships in
ENGINEERING, MBA, media, law, arts and other. The company offers paid internships,
and the people can also take the opportunity to work from home.
CERTIFICATE-
 ACKNOWLEDGEMENT-

It is my proud privilege and duty to acknowledge the kind of help and guidance received
from several people in preparation of this report. It would not have been possible to prepare
this report in this form without their valuable help, cooperation, and guidance.
First and foremost, I wish to record our sincere gratitude to Internshala Coordinators for their
constant support and encouragement in preparation of this report and for making available
videos and interface facilities needed to prepare this report.
Last, I wish to thank my brother and friends for financing my studies in this college as well
as for constantly encouraging us to learn engineering. Their personal sacrifice in providing
this opportunity to learn engineering is gratefully Acknowledge.
 ABSRACT:

Web development could be a good profession for you if you like solving logical problems,
building useful things, and experimenting with new technologies. Web developers are in
high demand, generally have a good work/life balance, and command comfortable salaries.
Google your specific location to get a better sense of your local web development job
opportunities. Web development refers to building website and deploying on the web. Web
development requires use of scripting languages both at the server end as well as at client
end.
Web development tools helps the developer to test and debug the web sites. Now a days the
web development tool come with the web browsers as add-ons. All web browsers have built
in tools for this purpose.
These tools allow the web developer to use HTML, CSS and JavaScript etc. These are
accessed by hovering over an item on a web page and selecting the “Inspect Element” from
the context menu.
 TABLE OF CONTENT:
S.No TITLE PAGE
NO.

About the company

Certificate

About the company

Acknowledgement

Abstract

1. Introduction

Why Web Development

What Web Development can do

2. Web Development types
HTML
Anatomy
Images
Links
Operators
3. CSS
Types
4. Bootstrap
5. DBMS
6. PHP
7. Java Script
8. Future scope
9. References
 LIST OF TABLES:

S.No Title Page number

Arithmetic operator
comparison operator
Logical operator
Membership operator
Identity operator
Operator processing
 CHAPTER 1:
INTRODUCTION

Web development, also known as website development, refers to the tasks associated with
creating, building, and maintaining websites and web applications that run online on a
browser. It may, however, also include web design, web programming, and database
management.

Web development is closely related to the job of designing the features and functionality of
apps (web design). The term development is usually reserved for the actual construction of
these things (that is to say, the programming of sites).

The basic tools involved in web development are programming languages called HTML
(Hypertext Markup Language), CSS (Cascading Style Sheets), and JavaScript. There are,
however, a number of other programs used to “manage” or facilitate the construction of sites
that would otherwise have to be done “from scratch” by writing code. A number of content
management systems (CMS) fall into this category, including WordPress, Joomla! Drupal,
TYPO3, and Adobe Experience Manager, among others.
 1.1 why web development

1. Web development works on different platforms (Windows, Mac, Linux, Raspberry Pi, etc.)
2. Web development has a simple syntax similar to the English language.
3. Web development has syntax that allows developers to write program with fewer lines.
4. Web development runs on an interpreter system, meaning that code can be executed as soon as it is
written. This means that prototyping can be very quick.
5. Web development can be treated in a procedural way, an object-oriented way or a functional way.

1.2 What can Web Development do?

1. Web development can be used on a server to create a web application.

2. Web development can be used alongside software to create workflows.
3. Web development can connect to the database system. It can also read and modify files.
4. Web development can be used to handle big data.
 CHAPTER 2: THEORY
HTML

Hypertext Markup Language, or HTML, is a programming language used to describe the structure of
information on a webpage. Together, HTML, CSS, and JavaScript make up the essential building blocks of
websites worldwide, with CSS controlling a page’s appearance and JavaScript programming its
functionality. You can think of the HTML document as providing the bones of a webpage, while CSS
provides the skin, and JavaScript provides the brains.

A webpage can contain headings, paragraphs, images, videos, and many other types of data. Front-end
developers use the HTML element to specify what kind of information each item on a webpage contains —
for instance, the “p” HTML element indicates a paragraph. Developers also write HTML language code to
specify how different items relate to one another in the page’s overall structure or document structure.

Every website you open in your web browser, from social networks to music services, uses HTML. A look
under the hood of any website would reveal a basic HTML code page, written with an HTML structure
editor, providing structure for all the page’s components, including its header element, footer element, main
content, and other inline elements.

The HTML file plays a couple of significant roles in a webpage. First, we use the structure created by our
HTML code to reference, enhance, and manipulate elements on a web page using CSS and JavaScript. For
instance, you could use HTML to mark all of the headings on a web browser page, then pick the size and
color you want to apply to those headings to reflect your organization’s branding, or simply a visual design
developed for the site.
Second, HTML text lets us indicate the roles of different structural elements to search engines and other
services that index the content and summarize it for other users. For instance, marking the caption of an
image with the “figcaption” element and enclosing the image and its caption in the “figure” meta element
helps a search engine understand that these two pieces of content are related and that the caption describes
the associated image.

The main parts of our element are as follows:

1. The opening tag: This consists of the name of the element (in this case, p), wrapped in opening and
closing angle brackets. This states where the element begins or starts to take effect — in this case
where the paragraph begins.
2. The closing tag: This is the same as the opening tag, except that it includes a forward slash before
the element name. This states where the element ends — in this case where the paragraph ends.
Failing to add a closing tag is one of the standard beginner errors and can lead to strange results.
3. The content: This is the content of the element, which in this case, is just text.
4. The element: The opening tag, the closing tag, and the content together comprise the element.
 2.1 Anatomy

• <!DOCTYPE html> — doctype. It is a required preamble. In the mists of time, when HTML was
young (around 1991/92), doctypes were meant to act as links to a set of rules that the HTML page
had to follow to be considered good HTML, which could mean automatic error checking and other
useful things. However, these days, they don't do much and are basically just needed to make sure
your document behaves correctly. That's all you need to know for now.
• <html></html> — the <html> element. This element wraps all the content on the entire page and is
sometimes known as the root element.
• <head></head> — the <head> element. This element acts as a container for all the stuff you want to
include on the HTML page that isn't the content you are showing to your page's viewers. This
includes things like keywords and a page description that you want to appear in search results, CSS
to style our content, character set declarations, and more.
• <meta charset="utf-8"> — This element sets the character set your document should use to UTF-8
which includes most characters from the vast majority of written languages. Essentially, it can now
handle any textual content you might put on it. There is no reason not to set this and it can help avoid
some problems later on.
• <title></title> — the <title> element. This sets the title of your page, which is the title that appears in
the browser tab the page is loaded in. It is also used to describe the page when you
bookmark/favourite it.
• <body></body> — the <body> element. This contains all the content that you want to show to web
users when they visit your page, whether that's text, images, videos, games, playable audio tracks, or
whatever else.

2.2 Images

As we said before, it embeds an image into our page in the position it appears. It does this via
the src (source) attribute, which contains the path to our image file.

We have also included an alt (alternative) attribute. In this attribute, you specify descriptive text for users
who cannot see the image, possibly because of the following reasons:

1. They are visually impaired. Users with significant visual impairments often use tools called screen
readers to read out the alt text to them.
2. Something has gone wrong causing the image not to display. For example, try deliberately changing
the path inside your src attribute to make it incorrect. If you save and reload the page, you should see
something like this in place of the image:

The keywords for alt text are "descriptive text". The alt text you write should provide the reader with enough
information to have a good idea of what the image conveys. In this example, our current text of "My test
 image" is no good at all. A much better alternative for our Firefox logo would be "The Firefox logo: a
flaming fox surrounding the Earth."

2.4 Links

Links are very important — they are what makes the web a web! To add a link, we need to use a simple
element — <a> — "a" being the short form for "anchor". To make text within your paragraph into a link,
follow these steps:

1. Choose some text. We chose the text "Mozilla Manifesto".

2. Wrap the text in an <a> element, as shown below:
3. <a>Mozilla Manifesto</a>

Copy to Clipboard

4. Give the <a> element an href attribute, as shown below:

5. <a href="">Mozilla Manifesto</a>

Copy to Clipboard

6. Fill in the value of this attribute with the web address that you want the link to:
7. <a href="https://www.mozilla.org/en-US/about/manifesto/">Mozilla Manifesto</a>

Copy to Clipboard

You might get unexpected results if you omit the https:// or http:// part, called the protocol, at the beginning
of the web address. After making a link, click it to make sure it is sending you where you wanted it to.

Note: href might appear like a rather obscure choice for an attribute name at first. If you are having trouble
remembering it, remember that it stands for hypertext reference.
 CHAPTER 3 CSS
CSS (Cascading Style Sheets) is a language for styling the webpage. We can change the appearance and the
layout of the webpage by using CSS. We can also define how a website’s view changes in different screens
like desktops, tablets, and mobile devices.CSS is not a programming language, like C++ or JavaScript.
However, CSS is not as easy as it seems. If you try to use it without understanding, you will have difficulties
in web development. Therefore, learning CSS is as important as learning a programming language.

CSS Syntax:

Let’s write our first CSS code. For instance, I would like to change the color of the <h1> tag.

<h1>I'm a Header</h1>

Firstly, we need to tell CSS how to find the HTML element. We can do it with a feature called “selector”. A
selector in CSS is used to find HTML elements by their tag name, class name, id and much more.

So below I define a selector for the HTML element, based on its tag name <h1>:
h1 { } // An example of a selector

After that, we can declare CSS rules, between brackets of the selector, each ending up with a semi-colon:
h1 { // CSS rules between brackets
color: red;
}
 So based on the defined selector (h1), CSS can now understand where to apply the new rules:

There are many different ways to define a CSS selector, below you can see some examples of the selector
types:

• Class Selector: finds HTML elements by their class attribute

• Id Selector: finds elements by their specific Id

• Element Selector: finds elements by their tag name

How to Add CSS in HTML?

Now you’ve learned why and how to define a selector and write some CSS code. But that’s not enough. We
also need to add CSS inside HTML otherwise it doesn’t recognize the changes.

We can add CSS in an HTML file in 3 different ways:

1. External CSS File:

Keeping CSS code in a separate file is best practice. In real programming world, we need to keep HTML,
CSS and JavaScript code in separate files and later import them where necessary.

We can create a separate CSS file with an extension of .css and include it to HTML. For example, we can
create a CSS file like this one: index.css

Inside index.css, we can write our CSS code:

p{
color: red;
}

Then we can import index.css to HTML with a <link> tag like below:
<head>
<link rel="stylesheet" href="index.css">
</head><body>
 <p> I'm a Text </p>

</body>

So now the HTML file has the CSS code, and the changes will apply to the elements.

2. Internal CSS with <style> tag:

Another way where you can write CSS code is inside a <style> tag in HTML. This will keep the CSS code
directly inside the HTML file, rather than in a separate file.

<style> p {
color: red;
}</style><body> <p> I'm a Text </p></body>

3. Inline Style:

The third way is to write CSS rules directly inside an HTML element, with the style attribute. In this method,
we define the CSS rules directly inside the tag and don’t need to create a class for it.
<p style="color: blue; font-size: 22px;"> I'm a Text </p>
 Chapter 4 Bootstrap

Bootstrap is just a collection of files (CSS and JavaScript). When a Bootstrap web developer connects these
files to the page, a large number of classes and ready-made components will become available for design
layout. Using them makes the creation of modern websites with responsive web design very effective.

Classes Bootstrap can be divided into 3 large groups:

1. Classes for creating a grid (adaptive page layout).

2. Classes for styling content (text, code, images, tables, and other information).
3. Service classes (for solving the most common auxiliary problems, such as alignment, display control,
adding borders, etc.).

In addition to classes, the Bootstrap framework also contains components (ready-made interface objects)
such as buttons, breadcrumbs, forms, navigation menus, drop-down lists, pop-up panels, etc.

Advantages of using Bootstrap

Bootstrap accelerates the creation of layouts by providing a great number of templates and ready-made
solutions.

Cross-browser and adaptability.

Sites created using Bootstrap are identically displayed on different devices and in modern browsers.

Ease of use.

Working with Bootstrap is not difficult; it only requires basic skills and having some basic knowledge
working with layouts.

Easy to learn.

Again, is easy to learn. A considerable number of tutorial videos will help you understand Bootstrap without
any difficulties and master it.

Many themes for popular content management systems (CMS) are developed using Bootstrap, which proves
its quality level. In essence, it is a framework containing the components of CSS, HTML, and JavaScript, as
well as its own styles and fonts.
 Pinterest of F5 Studio web agency

Using standard mesh

Adaptive sites that contain classic elements (header, footer, content and side column), and therefore they it is
important to calculate the width of each and every one of them. Usually, calculations are carried out in
percentages, and if everything is clear with the header and basement (the width is usually 100%), then there
are difficulties with the other blocks. On stationary desktops, the ratio of content to the side column may be
75 to 25 or 80 to 20. When reducing the window, this option is unacceptable, you need to drop to 100% and
flow around.

In such situations, a grid is needed. It makes it possible to define classes of objects, specifying their width
and the nature of the display on various devices.
 The Bootstrap grid is a table containing rows and columns. You can create a grid inside an existing one,
thereby eliminating the need to manually enter media queries. Thus, it greatly simplifies and accelerates the
process of creating adaptive blocks.

Chapter 5 DBMS

Before understanding what a database is, we need to understand what exactly data is. Data is a collection of
objects ranging from plain simple facts to complex images which provide us with necessary information
about a particular entity. A database is an organised and structured collection of this data and a DBMS is a
tool which manages, organises and interacts with the databases.

There are several different types of database management systems. Four major types are – Navigational
DBMS, Relational DBMS, SQL DBMS and Object-Oriented DBMS. The scope of this blog is to deal with
SQL Data Base Management Systems but to understand that, a little introduction of Relational DBMS is
necessary.

Relational DBMS is essentially a database management system wherein data is stored in the form of
relations. On the other hand, SQL DBMS utilises Structured Query Language (SQL) to perform operations
like insert, search, update and delete. It helps in optimising and maintaining the data within the database.

Web technologies are advancing fast. While you are wondering what ‘web applications’ are, developers
have started to transition to ‘progressive web applications.’ Almost every web application on the web
requires a database. A shopping application requires a database to interact with the products and the
customers.

A dynamic web application such as a news application or a blog requires instant and frequent updating of
web pages. For such an application, altering and creating a new HTML page is a tedious task. This is where
a database comes into the picture and eases a developer’s life.

Not only retrieval and updating of data, but a database also helps in authentication which is observed in
websites having a login and signup functionality. Such websites display customised web pages based on the
logged in user. Databases can be a real boon to a web developer if used correctly.

Different types of databases which use SQL

1. PostgreSQL

PostgreSQL is a relational database management system which is open source and has been used by
developers since a really long time. It has several features which add to the performance of a website.
PostgreSQL offers basic to advanced features which makes it a pretty versatile tool.

Popular companies which use PostgreSQL – Apple, Skype, Instagram, NASA, Twitch, Spotify, IMDb,
Reddit etc.

o MySQL

My SQL has been ranked as the most popular relational database in existence. It is open-source, extremely
easy to use and has been widely accepted by several companies and websites. MySQL is also the first
database management system most developers come across.
 Chapter 6 PHP

PHP is a common open-source scripting language popular for web applications. Although it originally stood
for “personal home page,” PHP is now a recursive acronym for “hypertext pre-processor” — but chances are
you’ll never hear that name again.
In its simplest form, PHP is a server-side scripting language that is embedded in HTML. PHP allows web
developers to create dynamic content and to interact with databases. PHP is known for its simplicity, speed,
and flexibility — features which have made it a cornerstone in the web development world.
PHP is used by 79.1% of all websites with known server-side programming, and its use has been on the rise
in the last decade, up from 72% in 2010. PHP is used on some of the largest web properties and platforms
including Facebook, Wikipedia, WordPress, and Zoom.
Like any other scripting language, PHP is fundamentally the tool you use both to connect to your database to
get information and to hand that information over to your web server to be displayed in HTML. But there
are many aspects of PHP that set it apart from other languages.
In a nutshell, PHP is:
• A Scripting Language – Scripting languages are interpreted by another program at runtime
(no need for compilation). Scripting languages can either be interpreted server-side or client-
side (in the browser).
• Server-Side – PHP is a server-side scripting language, processed by a PHP interpreter on a
web server; the result (the output) is sent to the web browser as plain HTML.
• Open-Source – PHP is freely available to download and use.
• Object-Oriented – Object-Oriented Programming (OOP) leverages the concept of “objects”
to contain data and functions to help build more complex, reusable web applications. OOP was
added to PHP5.
• Fast – PHP uses its own memory, minimizing server workload and increasing performance.
PHP can be up to 382% faster than Python and 195% faster than Ruby.
• Simple – The PHP syntax is easily understood and learned, whether you’re building from
scratch or leveraging existing frameworks or add-ons.
• Well Supported – PHP supports all leading databases (MySQL, SQLite, ODBC), is
compatible with most servers (Apache, IIS, etc), is portable across all platforms (Windows,
Mac OS, Linux, etc), and can be further supported by PHP frameworks
(Laravel, CodeIgniter, Symfony) and many well-stocked and vetted libraries.
PHP is a loosely-typed language that uses a total of eight data types used to construct variables (which store
data of different types). Unlike other programming languages, PHP is quite relaxed when it comes to
variables, evaluating and guessing the data type. All variables have a dollar sign ($) to start, but can be
named anything that begins with a letter.
 Chapter 7 Java Script

JavaScript is a programming language that adds interactivity to your website. This happens in games, in the
behavior of responses when buttons are pressed or with data entry on forms; with dynamic styling; with
animation, etc.

It is a powerful programming language that can add interactivity to a website. It was invented by Brendan
Eich.

JavaScript is versatile and beginner friendly. With more experience, you'll be able to create games, animated
2D and 3D graphics, comprehensive database-driven apps, and much more!

JavaScript itself is relatively compact, yet very flexible. Developers have written a variety of tools on top of
the core JavaScript language, unlocking a vast amount of functionality with minimum effort. These include:

•Browser Application Programming Interfaces (APIs) built into web browsers, providing
functionality such as dynamically creating HTML and setting CSS styles; collecting and
manipulating a video stream from a user's webcam, or generating 3D graphics and audio samples.
• Third-party APIs that allow developers to incorporate functionality in sites from other content
providers, such as Twitter or Facebook.
• Third-party frameworks and libraries that you can apply to HTML to accelerate the work of building
sites and applications.

It's outside the scope of this article—as a light introduction to JavaScript—to present the details of how the
core JavaScript language is different from the tools listed above. You can learn more in MDN's JavaScript
learning area, as well as in other parts of MDN.

When you sense danger, you run. When you are hungry, you eat. When you are tired, you sleep. When you
are cold, you look for warmth. When crossing a busy road, you calculate the distance of vehicles away from
you.

Your brain has been programmed to react in a certain way or do certain things whenever something happens.
In this same way, you can program your web page or individual elements to react a certain way and to do
something when something else (an event) happens.

You can program actions, conditions, calculations, network requests, concurrent tasks and many other kinds
of instructions.

You can access any elements through the Document Object Model API (DOM) and make them change
however you want them to.
The DOM is a tree-like representation of the web page that gets loaded into the browser.
 Chapter 8 React

To build for the web, developers use React in tandem with ReactDOM. React and ReactDOM are often
discussed in the same spaces as — and utilized to solve the same problems as — other true web
development frameworks. When we refer to React as a "framework", we're working with that colloquial
understanding.

React's primary goal is to minimize the bugs that occur when developers are building UIs. It does this
through the use of components — self-contained, logical pieces of code that describe a portion of the user
interface. These components can be composed together to create a full UI, and React abstracts away much of
the rendering work, leaving you to concentrate on the UI design.

Use cases

Unlike the other frameworks covered in this module, React does not enforce strict rules around code
conventions or file organization. This allows teams to set conventions that work best for them, and to adopt
React in any way they would like to. React can handle a single button, a few pieces of an interface, or an
app's entire user interface.

While React can be used for small pieces of an interface, it's not as easy to "drop into" an application as a
library like jQuery, or even a framework like Vue — it is more approachable when you build your entire app
with React.

In addition, many of the developer-experience benefits of a React app, such as writing interfaces with JSX,
require a compilation process. Adding a compiler like Babel to a website makes the code on it run slowly, so
developers often set up such tooling with a build step. React arguably has a heavy tooling requirement, but it
can be learned.

This article is going to focus on the use case of using React to render the entire user interface
of an application, using tooling provided by Facebook's own create-react-app tool.Because
JSX is a blend of HTML and JavaScript, some developers find it intuitive. Others say that its
blended nature makes it confusing. Once you're comfortable with it, however, it will allow you to build user
interfaces more quickly and intuitively and allow others to better understand your codebase at a glance.
 INTRODUCTION TO PROJECT

AIM
To create a Web application that helps students to search PG’s in the city where there institution , it allows
users to View the details of the PG’s available in the city where they wanted and also book the PG Online.
The Users can also log in and view the contents. The User data is stored on a database and is completely
anonymous.

PG SERVICES-
The PG accommodations are safe and secure as most of them have security and safety protocol in place.
Measures like security guard, CCTV camera, and monitoring of visitors ensures a safe and secure living
environment. Moreover, these accommodations allow access to specific individuals which makes it secure
and safe for the lodgers.
PG accommodations provide ample independence imposing minimal or no restrictions at all. As these PGs
are used by professionals and call center employees, often there are no restrictions on entry and exit timings.
People can come and go anytime as they please or as per their office timings. Moreover, for student lodgers
there can be some timing restrictions imposed but they are much more lenient compared to the hostel
regulations. Permission to enter or exit is not an issue with paying guest rooms.

So people who have a transferable job, are looking for temporary stay and students are increasingly
preferring to take up paying guest accommodation, rather than opting for rented accommodation. To sum it
up, these PG accommodations have made the life of students, call center employees and professionals easier
with their simpler renting terms, plentiful facilities, strategic location, and good living conditions. Thus the
benefits of PG accommodation are now being recognized and availed by many.
 METHODOLOGY USED
IDLE
IDLE (short for integrated development environment or integrated development and learning environment)
is an integrated development environment for Python, which has been bundled with the default
implementation of the language. It is packaged as an optional part of the Python packaging with many Linux
distributions. It is completely written in Python and the Tkinter GUI toolkit (wrapper functions for Tcl/Tk).
IDLE is intended to be a simple IDE and suitable for beginners, especially in an educational environment.
To that end, it is cross-platform, and avoids feature clutter. DLE has been criticized for various usability
issues, including losing focus, lack of copying to clipboard feature, lack of line numbering options, and
general user interface design; it has been called a "disposable" IDE, because users frequently move on to a
more advanced IDE as they gain experience.
The following features of IDLE are:

• Multi-window text editor with syntax highlighting, auto completion, smart indent and other.

• Python shell with syntax highlighting.

• Integrated debugger with stepping, persistent breakpoints, and call stack visibility

SQL –
SQL (Structured Query Language) is a domain-specific language used in programming and designed for
managing data held in a relational database management system (RDBMS), or for stream processing in a
relational data stream management system (RDSMS). It is particularly useful in handling structured data
where there are relations between different entities/variables of the data. SQL offers two main advantages
over older read/write APIs like ISAM or VSAM: first, it introduced the concept of accessing many records
with one single command; and second, it eliminates the need to specify how to reach a record, e.g. with or
without an index. Originally based upon relational algebra and tuple relational calculus, SQL consists of
many types of statements, which may be informally classed as sublanguages, commonly: a data query
language (DQL), a data definition language (DDL), a data control language (DCL), and a data manipulation
language(DML). The scope of SQL includes data query, data manipulation (insert, update and delete), data
definition (schema creation and modification), and data access control. Although SQL is often described as,
and to a great extent is, a declarative language (4GL), it also includes procedural elements. SQL became a
standard of the American National Standards Institute (ANSI) in 1986, and of the International Organization
for Standardization (ISO) in 1987.Since then, the standard has been revised to include a larger set of
features. Despite the existence of such standards, most SQL code is not completely portable among different
database systems without adjustments. When you are executing an SQL command for any RDBMS, the
system determines the best way to carry out your request and SQL engine figures out how to interpret the
task

RESULTS AND DISCUSSIONS

 In this website it will have four web pages –
1. Home Page

2. Property list Page

3. Property detail Page

4. Dashboard Page

Each page carries its own importance in the website.

HOME PAGE –

In Home Page user can sign-up or log-in to the website and search for the PGs in the city where they want
by typing the city name in the search bar located in the home page and for users convenience Links of Major
cities are also given in the home page which will directly take you to the property list Page

PROPERTY LIST PAGE –

 In property list page users will get the list of PG’s in the city where they wanted the PG , they just have to
enter the city name in the search bar located in the home page. This page will show the name of PG’s in the
city and their cost , you can also mark favorites to the pg’s you like and a filter option is also available
which will help in searching the pg of your choice.

PROPERTY DETAIL PAGE –

In Property Detail Page users will get to know about the detail of the PG/Apartment/room which they want ,
users will see the list of facilities available in that property like Gym, Wi-fi, AC, etc.
Users will also see the public rating of that Property in This page.
 DASHBOARD PAGE-
In Dashboard page user will see their profile details – Name, g-mail id, organization and profile photo. But
for this first users have to sign-up or log-in to the website.
Users can reach the dashboard page by clicking on sign-up or log-in option in the Home Page.

FUTURE SCOPE

Web development is constantly evolving with advancements in technology. Though we may not be able to
see this on a daily basis, it’s easy for us to look back and see how things have been transformed.

But seeing the fast-paced nature of this industry and, of course, the competition, it’s important to stay
updated with the latest technology and tools to always stay at your best.

It is one of the fastest growing languages and has undergone a successful span of more than
25 years as far as its adoption is concerned. This success also reveals a promising future
scope of Web Development.
 CHAPTER 8 REFERANCES

• https://trainings.internshala.com/python-training
• https://www.w3schools.com/python/
• https://wiki.python.org/moin/PyQt/Tutorials
• https://www.tutorialspoint.com/pyqt/
• https://www.tutorialspoint.com/sqlite/sqlite_quick_guide.htm
• https://www.quora.com/