lOMoARcPSD|32322399

web development report industrial training

B.Tech (JECRC University)

Studocu is not sponsored or endorsed by any college or university

Downloaded by Happy ([email protected])
 lOMoARcPSD|32322399

A
REPORT
ON
INDUSTRIAL TRAINING ON
“WEB DEVELOPMENT”
Taken at

Feel Educare Inc.

In partial fulfillment of the requirement for the award of degree of
Bachelor of Technology
In
Information Technology

(Session 2022-23)

Duration: From 15th Sept, 2022 to 15th Nov, 2022

Submitted to: Submitted by:

Mr. Piyush Gautam SHYAM GARG
Assistant Professor (IT) 19EJCIT092
JECRC, Jaipur VII Semester (Sec B)

Department of Information Technology

Jaipur Engineering College & Research Centre, Jaipur
Rajasthan Technical, University
December-2022

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

CERTIFICATE

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

CERTIFICATE

This is to certify that the report of the training submitted is the outcome of the practical training
done at “FEEL EDUCARE INC.” in " FULL STACK DEVELOPMENT” is carried out by
SHYAM GARG bearing RTU Roll No.: 19EJCIT092 under the guidance and supervision of
“Yash Tanwar” for the award of Degree of Bachelor of Technology (B. Tech.) in Information
Technology from Jaipur Engineering College & Research Centre, Jaipur (Raj.), India
affiliated to Rajasthan Technical University, Kota during the academic year 2022-23.

To the best of my knowledge the report

1) Embodies the work of the candidate.
2) Has duly been completed.
3) Fulfils the requirement of the ordinance relating to the Bachelor of Technology degree of the
Rajasthan technical University

_______________ ________________
Dr. Smita Agarwal Mr. Piyush Gautam
Professor Assistant Professor
Head of Department PTS Coordinator
Information technology Information Technology
JECRC, Jaipur JECRC, Jaipur

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

CANDIDATE’S DECLARATION

I hereby declare that the report entitled “Full stack Development” has been carried out and submitted
by the undersigned to the Jaipur Engineering College & Research Centre, Jaipur (Rajasthan) in an
original work, carried out from Feel Educare Inc.

The empirical findings in this report are based on the data, which has been collected by me. I have
not reproduced from any report of the University neither of this year nor of any previous year.
I understand that any such reproducing from an original work by another is liable to be punished in a
way the University authorities‟ deed fit.

Place: JAIPUR SHYAM GARG

19E1JCITM40P092

ii

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

PREFACE

Bachelor of Technology in Information technology is the Rajasthan Technical University course

(approved by AICTE) having duration of 4 years. As a prerequisite of the syllabus every student on
this course must make a report on industrial training lab in order to complete his studies
successfully. And it is required to submit the report on the completion of it.

The main objective of this training is to create awareness regarding the application of theories in the
practical world of Information Technology and to give a practical exposure of the real world to the
student.

I, therefore, submit this industrial training report on Full stack Development which was undertaken
at Feel Educare Inc. It was a good experience to have training in a Reputed Organization in in which
company stands at international.

I feel great pleasure to present this industrial training report. The report was prepared on the basis of
the study carried out regarding the existing File Tracking System

iii

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

ACKNOWLEDGEMENT

“Any serious and lasting achievement or success, one can never achieve without the help, guidance
and co-operation of so many people involved in the work.
It is my pleasant duty to express my profound gratitude and extreme regards and thanks to the
trainers „Yash Tanwar‟ who gave me an opportunity to take professional training in Feel Educare
Inc.

I would like to express deep gratitude to Dr Smita Agrawal, Head of Department (Information
Technology), Jaipur Engineering College & Research Centre, Jaipur (Rajasthan) without whose
permission the training would not be possible. I would also like to thank Mr. Piyush Gautam,
Training & Placement Officer and PTS Coordinator, Department of Information Technology
JECRC, Jaipur who recommended me for this training.

I am heartily thankful to those people who are involved directly or indirectly in this project for
encouraging me whenever I needed their help in spite of their busy schedule.

SHYAM GARG
19E1JCITM40P092

iv

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

COMPANY PROFILE

Feel is the largest School Search Engine in India which helps you to find and get admission in the
best school of your localities. Feel Educare Inc. is the premier training and skill development
organization which was started with a vision to bring world class training content, pedagogy, and
best learning practices to everyone's doorsteps. Feel Educare aims to identify and provide the best
learning and training environment. It identifies industry veterans and content creators around the
globe and bring it to the global audience using number of intuitive platforms for easy and affordable
access to quality content.

Feel Educare Private Limited is a Private incorporated on 28 May 2019. It is classified as Non-govt
company and is registered at Registrar of Companies, Jaipur. Its authorized share capital is Rs.
100,000 and its paid up capital is Rs. 100,000. It is inolved in Other computer related activities [for
example maintenance of websites of other firms/ creation of multimedia presentations for other firms
etc.

Company Vision
To be the largest School Search Engine in India which helps you to find and get admission in the best
school of your localities.

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

Chapter Index
S. No. TITLE PAGE NO.

Certificate i

Declaration Ii

Preface iii

Acknowledgement iv

Company Profile v

1. Introduction 1

1.1 Web Development 1

1.2 Front-End 1

1.3 Back-End 5

1.2 Methodologies For Building Websites 6

2. HTML 11

11
2.1 Introduction To HTML

2.2 History Of HTML 12

2.3 HTML Features 12

3. CSS 13

13
3.1 Introduction To CSS
3.2 History Of CSS 14

3.3 Features Of CSS 15

3.4 Properties Of CSS: 15

4. JAVASCRIPT 16

16
4.1 Introduction To Java Script

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

4.2 History Of Javascript 16

4.3 Features Of Javascript 17

4.4 Bootstrap 19

5. NODE.JS 20

5.1 Introduction To Node.Js 20

5.2 History Of Node.Js 21

5.3 Why Node.Js 21

5.4 Working Of Node.Js 22

6. EXPRESS.JS 23

6.1 Introduction To Express.Js 23

6.2 History Of Express.Js 23

6.3 Routing 23

7. SQL 25

7.1 Introduction To Sql 25

7.2 List Of Sql Commands 25

8. Project Description 27

8.1 Description 27

8.2 Process 27

8.3 Web Pages Details 28

8.4 Goals Of Website 28

8.5 Purpose Of Project 29

8.6 Requirement Analysis 30

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

8.7 User Classes And Characteristics 31

9. Screenshots Of Project 34

7. Conclusion 39

8. Future Scope 40

9. References 41

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

Figure Index

S.NO. FIGURE PAGE NO.

Comparison of Software Engineering Methods with Advantage &

1.1 7
Disadvantage

2.1 Example of html cade with tags 11

3.1 Example for CSS code with layout 13

4.1 Bootstrap logo 19

5.1 Node.js basic structure with runtime environment 20

5.2 Sample cade of node.js 22

5.3 Working of node.js with block diagram 22

6.1 Example of a very basic route code. 24

8.1 Class diagram of e commerce website 31

8.2 32
Use Case diagram of website
8.3 Activity diagram of website with flow 33

9.1 Home page banner with logo and header 34

9.2 Home page bottom with footer and clip outs 34

9.3 Profile Section with application tracking and profile management. 35

9.4 API based News feed with News selection filters 35

9.5 Login/ SignUp Page with phone number authentication 36

9.6 Based Authentication with real-time management 36

9.7 SignUp Form with personal details and social media handle 37

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

9.8 Search page with filters amd admission form filling option. 37

9.9 Admission Form with detailed tracking system and follow-ups 38

9.10 Adhira Learning platform with complete working and frontend 38

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

CHAPTER 1
INTRODUCTION

Website development, also known as website design, is the process of creating a new website
or implementing changes to one already in use, e.g. adding a significant new section to a live
site. It is undertaken to attract and communicate with users and buyers, to enhance brands and
to launch specific campaigns. Website development can include web design, web content
development (also know as the copy, or words), client liaison, web server and network
security configuration, and ecommerce development.

1.1 Web Development

It is the work involved in developing a website for the Internet (World Wide Web) or
an intranet (a private network). Web development can range from developing a simple single
static page of plain text to complex web applications, electronic businesses, and social
network services. A more comprehensive list of tasks to which web development commonly
refers, may include Web engineering, Web design, Web content development, client-
side/server-side scripting, Web server and network, security configuration and e-commerce
development.

Any digital project, for example, a website, an android application etc. at the root level is
divided Into two blocks:

 Front-end
 Back-end

1.2 Front-End

These are the two divisions of the project to help the creator develop the project smoothly.
This division help working different people work upon the things they are master in. Thus the
whole load of the project is balanced.

Front-end covers the part of the project which is visible to the user, i.e., it deals with the
client side. Anything happening on the user side of the connection can be received or
manipulated by the user. It concerns mostly with the user interface and user experience of the
website. How the website is presented to the user is the primary goal of the front-end.

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

Simplicity, accessibility, proper user experience, clarity of the actions and feedback are some
of the basic features which play a vital role in the best possible front-end. HTML is a markup
language which is used for defining the structure of the website.

These are the basic things to create front-end of any website. While there are many things to
learn afterwards and to use them for a much highly sophisticated front-end of a website.

1.2.1 What is Front-End Web Development?

Front-end web development is everything involved in programming the user interface of a

web application. Typically it refers to the Hypertext Markup Language (HTML), Cascading
Style Sheets (CSS) and JavaScript portion of web site production as opposed to the database
or server-side programming. It encompasses everything from building a simple page of
HTML text to creating complex, responsive HTML5 websites designed to be accessed via
various different browsers, devices and screen sizes.

1.2.2 HTML

 HTML means Hyper Text Markup Language.

 The HTML allows us to construct the visible part of a website.
 HTML is NOT a programming language, it‟s a markup language, which means its
purpose is to give structure to the content of the website.
 It is a series of nested tags (it is a subset of XML) that contain all the website information
(like texts, images and videos). Here is an example of tags:
<title>This is a title</title>
 The HTML defines the page structure. A website can have several HTMLs to different
pages.

1.2.2.1 HTML: Main Tags

Although there are lots of tags in the HTML specification, 99% of the webs use a subset of
HTML tags with less than 10 tags, the most important are:

 <div>: a container, usually represents a rectangular area with information inside.

 <img/>: an image
 <a>: a clickable link to go to another URL

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

 <p>: a text paragraph

 <h1>: a title (h2, h3, h4 are titles of less importance)
 <input>: a widget to let the user introduce information
 <style>: to insert CSS rules
 <script>: to execute JavaScript
 <span>: a null tag (doesn't do anything)

1.2.3 CSS
 Allows to specify how to present (render) the document info stored in the HTML.
 Stands for Cascading Style Sheets
 Allows to controls all the aspects of the visualization and some other features:
 Colors: content, background, borders
 Margins: interior margin, exterior margin
 Position: where to put it
 Sizes: width, height
 Behavior: changes on mouse over

1.2.3.1 CSS: Syntax

 Inserting the code inside a style tag
<style>
p {color: blue}
</style>
 Referencing an external CSS file
<link href="style.css" rel="stylesheet" />
 Using the attribute style on a tag
<p style="color: blue; margin: 10px">

1.2.3.2 CSS: Selectors

 The main selectors are:
 tag name: just the name of the tag
p {...} //affects to all <p> tags
 dot (.): affects to tags with that class
p. highlight {...} //affects all <p> tags with class="highlight"

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

 sharp character (#): specifies tags with that id.

p#intro {...} //affects to the <p> tag with the id="intro"
 two dots (:): behavior states (mouse on top)
p: hover {...} //affects to <p> tags with the mouse over
 brackets ([attr='value']): tags with the attribute attr with the value 'value „
input[type="text"] {...} // affects to the input tags of the type text

1.2.4 JavaScript
 A regular programming language, easy to start, hard to master.
 Allows to give some interactivity to the elements on the web.
 Syntax similar to C or Java but with no types.
 You can change the content of the HTML or the CSS applied to an element.
 You can even send or retrieve information from the internet to update the content of the
web without reloading the page.

1.2.4.1 JavaScript: Insert Code

 There is three ways to execute JavaScript code in a website:
 Embed the code in the HTML using the <script> tag.
<script> /* some code */ </script>
 Import a JavaScript file using the <script> tag:
<script src="file.js" />
 Inject the code on an event inside a tag:
<button onclick="javascript: /*code*/">press me</button>

1.2.4.2 JavaScript: Syntax

 Very similar to C++ or Java but much simpler.
 var my_number=10;//this is a comment
 var my_string =” hello”;
 var my_array = [10,20,"name”, true];
 var my_object = {name: "javi", city: "Barcelona”};
function say(str)
{

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

for (var i=0; i<10; i++)

console.log (“say:” +str);
}

1.3 Back-End

Back-end is the part of the website which deals with the core functioning of the website and
is hidden to the user for user‟s safety. User shouldn‟t know what is happening on the website,
this is the concern of the back-end developers. Having back-end makes the website more
dynamic.

When users interact with the website which involves back-end, it makes the creators easy to
involve with users for the main purpose of the website. Back-end involves maintaining the
database of various users, helping them to get things done through the various tools and
services developed by the programmers of the back-end. Common objectives of the back-end
are to involve users with the website, maintaining the proper database for various users.

1.3.1 Backend Development

The backend of a web application is an enabler for a frontend experience. An application‟s

frontend may be the most beautifully crafted web page, but if the application itself doesn‟t
work, the application will be a failure. The backend of an application is responsible for things
like calculations, business logic, database interactions, and performance. Most of the code
that is required to make an application work will be done on the backend. Backend code is
run on the server, as opposed to the client. This means that backend developers not only need
to understand programming languages and databases, but they must have an understanding of
server architecture as well. If an application is slow, crashes often, or constantly throws errors
at users, it‟s likely because of backend problems.

Backend development is not all ones and zeros though. Much like frontend development,
backend development has a human aspect to it as well. Since most of the code for an
application is written on the backend, it should be easy to understand and work with. Most
backend languages – like Ruby and Python – have standardized styles and idioms that make
reading and writing code more efficient and enjoyable.

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

1.3.1.1 What Do Back-End Developers Do?

What back-end developers do can vary greatly depending on the size and the scope of the
application they are working on. I‟ve held many jobs where I was a back-end developer,
working on the business logic in an application, and feeding and retrieving data from the
front-end.

In the web development world, most back-end developers concern themselves with building
the actual logic behind the application they are working on.

Often, front-end developers will build out a user interface and back-end developers will write
code that makes it all work.

For example, a front-end developer might create a screen in an application with a button to
press to get the customer‟s data.

A back-end developer might write the code that makes that button work by figuring out what
data to fetch from the database for the appropriate customer and delivering it back to the
front-end, where it is eventually displayed.

A back-end developer might also be heavily involved in the architecture of a system,

deciding how to organize the logic of the system so that it can be maintained and run
properly.

He might be involved in building frameworks or the architecture of a system to make it easier

to program against. Back-end developers tend to spend much more time implementing
algorithms and solving problems than front-end developers do.

I‟ve always liked back-end development work because it feels like more of a challenge.

That‟s not to say that front-end developers don‟t ever solve difficult problems, but often
front-end development work is more about creating user interfaces and hooking them up
rather than implementing the actual business logic that makes the app work.

1.4 Methodologies For Building Websites

An innovative and revolutionary idea can provide the basis for a successful e-Business.
Applying the correct business model and defining a specific strategy can increase the profit

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

potential of the e-Business. However, technology and especially computer based technologies
play a key role not only in the success of an e-Business, but also in its mere existence.

1.4.1 Software Engineering Methods

The core of every e-Business is a website. Websites are software artifacts, a fact that suggests
that the understanding of traditional software engineering techniques is critical.(Glass, 2001;
Howcroft and Carroll, 2000;Jeary et al, 2009). At this point, before looking at specific
website development methodologies, it is essential to present the key advantages and
disadvantages of some well-established software engineering techniques, in order to examine
their applicability to the development of an e-Business website.

Figure 1.1 . Comparison of Software Engineering Methods with Advantage & Disadvantage

The software engineering techniques, which are described above, have been proven
successful and effective for traditional software development projects. However, the unique
nature of the web and the special characteristics of website development make them
unsuitable to be adopted as a whole. As Howcroft and Carroll (2000) state “any methodology
for website development must be generic and flexible enough to account for the uniqueness
and individuality of websites, yet concise enough to achieve the task of development.”

The continuous growth and the rapid changes in the web development sector, make the task
of building a website much more challenging. Various methods have been developed over the
years, which try to formalize the process of designing and building a website and are tailored
to the unique nature of the Web. A number of these methods are presented below, in an

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

attempt to conclude on the best approach to be followed for building the IT employment
website.

1.4.2 Website Development Methodologies

Laudon and Traver (2007, p. 193) propose a five-step life cycle of developing an e-Business
website.

 System analysis/planning. In this step business objectives are identified, in order for the
project to have measurable targets and achievements. Also some functionalities of the system
that the system must produce in order to achieve the business objectives, are defined.

 System design. In this step the main components of the system and their relationship to one
another should be described. This phase consists of the logical design, where functions that
are going to be performed, databases that are going to be used, security procedures and
controls to be used, are all specified. This phase also includes the physical design, which is
the materialization of the logical design.

 Building the system

 Testing the system. Once the coding is complete the system has to be thoroughly tested.
Unit testing involves the testing of the website‟s modules. System testing aims to test the site
as a whole and ensure its functionality for the user. Acceptance testing is used to verify that
the system meets the business objectives, that were defined in the system analysis phase.

 Implementation and maintenance. This step is very important, since websites, as any
other software, may break down. They need continuous checking, testing and repair. A
perfectly designed website, which is often unavailable due to technical reasons, is not a
successful one.

This process, described by Laudon and Traver (2007, p. 193) is very abstract and does not
focus on the details of each phase. It can only be used as a general guideline, since many
methodologies follow similar steps to reach the goal of developing a successful website. A
similar, though much more detailed approach, is the one proposed by Howcroft and Carroll
(2000). The authors proposed their own methodology for website development after
comparing a number of available methods, such as the “Four Phase Model” (strategy, design,
production and delivery, designed by Siegel (1997) and Ikonic‟s Five Box Development

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

Process (a five stage process, which highly depends on thorough documentation between
each stage).

The method suggested by Howcroft and Carroll (2000) tries to combine the advantages of the
compared methodologies that are presented in the relevant literature. Their method consists
of four phases with several steps in each phase. An overview of the main points of this
methodology is presented below.

Phase One: Analysis. Deals with the development of a web strategy and an analysis of how
a website may achieve this strategy. The main objective of this phase is to reduce the risks of
lack of top management commitment and misunderstanding the system requirements. This
phase consists of three steps:

i. Development of a web strategy, which means defining where the organization is now,
where the organization wishes to be and how it will get from the present state to the
desired one.
ii. Defining the objectives.
iii. Objective analysis, which involves: technology analysis, information analysis, skills
analysis, user analysis, cost analysis and risk analysis.

Phase Two: Design. “The website should be designed with the knowledge that it is likely to
have sections and processes added to it during its lifetime, as requirements change and new
technologies emerge.” (Howcroft and Carroll, 2000). It consists of two steps:

i. Information and Graphics Design

ii. Testing of Design, since testing in the early stages can help prevent future errors and
malfunctions of the website, making the whole development process more efficient.

Phase Three: Generation. It consists of the four steps that lead the project from the design
phase to the actual generation of the website.

i. Resource selection
ii. Design Review
iii. Code generation and Installation
iv. Testing.

Phase Four: Implementation. This is an ongoing phase that does not stop after the
development of the website. It involves:

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

i. Implementation
ii. Maintenance
iii. Objectives review

This method has some key advantages. It is well structured, detailed and simple to
understand. It organizes the task of building a website into four well defined phases and
provides further guidance to the developers by breaking down each phase into steps. Not only
does it allow the tasks to be organized but it makes the tracking of the progress quite
effective. On the other hand, Howcroft and Carroll(2000) provide a useful but general
framework to assist in the web development process. Their methodology should be altered
and adapted to the special requirements of this dissertation‟s project ,since it is not created to
be efficient for e-Business websites. Also their methodology looks to be more appropriate
and effective for larger projects, where developers have their own distinct roles.

10

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

CHAPTER 2
HTML

HTML stands for Hyper Text Mark-up Language. It is used to design web pages using mark-
up language. HTML is the combination of Hypertext and Mark-up language. Hypertext
defines the link between the web pages. Mark-up language is used to define the text
document within tag which defines the structure of web pages.

2.1 Introduction To HTML

This language is used to annotate (make notes for the computer) text so that a machine can
understand it and manipulate text accordingly. Most mark-up languages (e.g. HTML) are
human readable. Language uses tags to define what manipulation has to be done on the text.

HTML is a mark up language used by the browser to manipulate text, images and other
content, in order to display it in the required format. HTML was created by Tim Berners-Lee
in 1991. The first ever version of HTML was HTML 1.0, but the first standard version was
HTML 2.0, published in 1999.

2.1.1 Elements And Tags

HTML uses predefined tags and elements which tell the browser how to properly display the
content. Remember to include closing tags. If omitted, the browser applies the effect of the
opening tag until the end of page.

<!DOCTYPE html>

<html>

<head>

<title>Page Title</title>

</head>

<body>

Figure 2.1 Example of html cade with tags

11

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

2.2 History Of HTML

HTML is a very evolving mark-up language and has evolved with various versions
updating. Long before its revised standards and specifications are carried in, each version
has allowed its user to create web pages in a much easier and prettier way and make sites
very efficient.

 HTML 1.0 was released in 1993 with the intention of sharing information that can be
readable and accessible via web browsers. But not many of the developers were
involved in creating websites. So the language was also not growing.

 Then comes the HTML 2.0, published in 1995, which contains all the features of HTML
1.0 along with that few additional features, which remained as the standard mark-up
language for designing and creating websites until January 1997 and refined various
core features of HTML.

 Then comes the HTML 3.0, where Dave Raggett who introduced a fresh paper or draft
on HTML. It included improved new features of HTML, giving more powerful
characteristics for webmasters in designing web pages. But these powerful features of
new HTML slowed down the browser in applying further improvements.

 Then comes HTML 4.01, which is widely used and was a successful version of HTML
before HTML 5.0, which is currently released and used worldwide. HTML 5 can be said
for an extended version of HTML 4.01, which was published in the year 2012.

2.3 HTML Features

 It is easy to learn and easy to use.

 It is platform independent.
 Images, video and audio can be added to a web page.
 Hypertext can be added to text.
 It is a mark-up language.

12

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

CHAPTER 3
CSS

CSS is designed to enable the separation of presentation and content, including layout, colors,
and fonts. This separation can improve content accessibility, provide more flexibility and
control in the specification of presentation characteristics, enable multiple web pages to share
formatting by specifying the relevant CSS in a separate.

3.1 Introduction To CSS

CSS: It stands for CASCADING STYLE SHEET

 Cascading: refers to procedure that determines which style will apply to a certain
section.

 Style: how u want a certain part of your page to look. you can change things like
margins, colour font etc.

 Sheets: these are like templates or set of rules, for determining how the web page will
look.

CSS file which reduces complexity and repetition in the structural content as well as enabling
the .CSS file to be cached to improve the page load speed between the pages that share the
file and its formation .

It can format the web page layouts using many features. It can style the text, manage table
size, and edit other aspects of the web pages to make them attractive. By using CSS, the user
can give a uniform look to the website and its several pages. It does not only define the table
but also meets other design needs of the website.

body {

background-color: blue;

h1 {

background–color: purple;

Figure 3.1 Example for CSS code with layout

13

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

3.2 History Of CSS

CSS was first proposed by Håkon Wium Lie on October 10, 1994. At the time, Lie was
working with Tim Berners -Lee at CERN. Several other style sheet languages for the web were
proposed around the same time, and discussions on public mailing lists and inside World Wide
web Consortium resulted in the first W3C CSS Recommendation (CSS1) being released in
1996. In particular, a proposal by Bert Bos was influential; he became co-author of CSS1, and
is regarded as co-creator of CSS.

Style sheets have existed in one form or another since the beginnings of Standard
Generalized Mark-up Language (SGML) in the 1980s, and CSS was developed to provide
style sheets for the web. One requirement for a web style sheet language was for style sheets
to come from different sources on the web. Therefore, existing style sheet languages like
DSSSL and FOSI were not suitable. CSS, on the other hand, let a document's style be
influenced by multiple style sheets by way of "cascading" styles.

3.2.1 CSS1- CSS 1 is the very first version of the cascading style sheet and recommendation
of W3C. It was launched in 1996 with the capabilities of font properties. It is also used for
adding colour to the background and text side. In CSS 1, there were text alignment
functionalities. It also has capabilities of padding, positioning, and generic classifications.
But now, this version is outdated and not maintained by W3C.

3.2.2 CSS2 - W3C developed the next version of CSS and named it CSS2 and launched it in
1998. It has more features and functionalities than the previous version. And now users could
use new features like relative, absolute, and fixed positioning. There were media types, and
bidirectional text features were also there. This version also saw many revisions in the same,
and updates came as CSS2.1.

3.2.3 CSS3 - CSS3 is the latest version of CSS officially by W3C, and it was launched in
1999. It has a vast collection of font types, and you can use any font type from Google and
Typecast. Also, this version is divided into many modules that make it easy to handle, and it
also saves time formatting the web pages. Currently, most companies and organizations use
CSS3 and HTML5 for their web development and designing tasks. Hence, if you also wish to
learn such a skill, then make sure you will learn the latest launch of such technology.

14

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

3.3 Features Of CSS

Cascading Style Sheet (CSS) is used to set the style in web pages that contain HTML
elements. It sets the background colour, font-size, font-family, colour, etc property of
Elements on a web page.

There are three types of CSS which are given below:

 Inline CSS
 Internal or Embedded CSS
 External CSS

3.3.1 Inline CSS: Inline CSS contains the CSS property in the body section attached with
element is known as inline CSS. This kind of style is specified within an HTML tag using
the style attribute.

3.3.2 Internal or Embedded CSS: This can be used when a single HTML document must
be styled uniquely. The CSS rule set should be within the HTML file in the head section i.e.
the CSS is embedded within the HTML file.

3.3.3 External CSS: External CSS contains separate CSS file which contains only style
property with the help of tag attributes (For example class, id, heading etc.). CSS property
written in a separate file with .CSS extension and should be linked to the HTML document
using link tag. This means that for each element, style can be set only once and that will be
applied across web pages.

3.4 Properties Of CSS:

Inline CSS has the highest priority, then comes Internal/Embedded followed by External
CSS which has the least priority. Multiple style sheets can be defined on one page. If for an
HTML tag, styles are defined in multiple style sheets then the below order will be followed.

 As Inline has the highest priority, any styles that are defined in the internal and external
style sheets are overridden by Inline styles.

 Internal or Embedded stands second in the priority list and overrides the styles in the
external style sheet.

15

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

CHAPTER 4
JAVASCRIPT

JavaScript, often abbreviated as JS, is a programming language that is one of the core
technologies of the World Wide Web, alongside HTML and CSS. As of 2022, 98% of
websites use JavaScript on the client side for webpage behavior, often incorporating third-
party libraries.

4.1 Introduction To Java Script

 JAVA SCRIPT is a scripting language most often for client side web development. JAVA
SCRIPT is high level language but easy to understand and learn like how do you want
your certain section to react like on clicking a button what will happen , when you move
your mouse over a specified text what the effect will be etc are the functions which we
can take advantage of after learning this language. onclick (), onmouseover, onchange()
etc are the functions we can use.
 JQUERY is a part of JavaScript which provides you the events like hide() and show(),
toggle(), fadeIn() and fadeOut().

4.2 History Of Javascript

The Mosaic web browser was released in 1993. As the first browser with a graphical user
interface accessible to non-technical people, it played a prominent role in the rapid growth of
the nascent World Wide web. The lead developers of Mosaic then founded the Netscape
corporation, which released a more polished browser, Netscape Navigator, in 1994.
Navigator quickly became the most used browser.

During these formative years of the web, web pages could only be static, lacking the
capability for dynamic behaviour after the page was loaded in the browser. There was a
desire in the burgeoning web development scene to remove this limitation, so in 1995,
Netscape decided to add a scripting language to Navigator. They pursued two routes to
achieve this: collaborating with Sun Microsystems to embed the Java programming language,
while also hiring Brendan Eich to embed the Scheme language.

Netscape management soon decided that the best option was for Eich to devise a new
language, with syntax similar to Java and less like Scheme or other extant scripting
16

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

languages. Although the new language and its interpreter implementation were officially
called Live Script when first shipped as part of a Navigator release in September 1995, the
name was changed to JavaScript three months later.

The choice of the JavaScript name has caused confusion, sometimes giving the impression
that it is a spin-off of Java. Since Java was the hot new programming language at the time,
this has been characterized as a marketing ploy by Netscape to give its own new language
cachet.

4.3 Features Of Javascript

4.3.1. Light Weight Scripting Language

JavaScript is a lightweight scripting language because it is made for data handling at the
browser only. Since it is not a general-purpose language so it has a limited set of libraries,
also as it is only meant for client -side execution and that too for web applications, hence the
lightweight nature of JavaScript is a great feature.

4.3.2. Dynamic Typing

JavaScript supports dynamic typing which means types of the variable are defined based on
the stored value. For example, if you declare a variable x then you can store either a string or
a Number type value or an array or an object. This is known as dynamic typing.

To understand this, in languages like Java, we explicitly mention that a particular variable
will store a certain type of data, whereas in JavaScript we do not have to provide the data
type while declaring a variable. In JavaScript, we just have to use var or let keyword before
the variable name to declare a variable without worrying about its type.

4.3.3. Object-Oriented Programming Support

Starting from ES6, the concept of class and OOPs has been more refined. Also, in JavaScript,
two important principles with OOP in JavaScript are Object Creation patterns
(Encapsulation) and Code Reuse patterns (Inheritance). Although JavaScript developers
rarely use this feature but it‟s there for everyone to explore.

17

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

4.3.4. Functional Style

This implies that JavaScript uses a functional approach, even objects are created from the
constructor functions and each constructor function represents a unique object-type. Also,
functions in JavaScript can be used as objects and can be passed to other functions too.

4.3.5. Platform Independent

This implies that JavaScript is platform-independent or we can say it is portable; which
simply means that you can simply write the script once and run it anywhere and anytime. In
general, you can write your JavaScript applications and run them on any platform or any
browser without affecting the output of the Script.

4.3.6. Prototype-based Language

JavaScript is a prototype-based scripting Language. This means JavaScript uses prototypes
instead of classes or inheritance. In languages like Java, we create a class and then we create
objects for those classes. But in JavaScript, we define object prototype and then more objects
can be created using this object prototype.

4.3.7. Interpreted Language

JavaScript is an interpreted language which means the script written inside JavaScript is
processed line by line. These Scripts are interpreted by JavaScript interpreter which is a built-
in component of the web browser. But these days many JavaScript engines in browsers like
the V8 engine in chrome uses just in time compilation for JavaScript code.

4.3.8. Async Processing

JavaScript supports Promise which enables asynchronous requests wherein a request is
initiated and JavaScript doesn't have to wait for the response, which at times blocks the
request processing. Also starting from ES8, Async functions are also supported in JavaScript,
these functions don't execute one by one, rather they are processed parallelly which has a
positive effect on the processing time, reducing it to a great extent.

4.3.9. Client-side Validations

This is a feature which is available in JavaScript since forever and is still widely used
because every website has a form in which users enter values, and to make sure that users
enter the correct value, we must put proper validations in place, both on the client-side and
on the server-side. JavaScript is used for implementing client-side validations.

18

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

4.4 Bootstrap

Bootstrap is a free and open-source CSS framework directed at responsive, mobile first
frontend web development. It contains CSS- and (optionally) JavaScript-based design
templates for typography, forms, buttons, navigation, and other interface components
Bootstrap is the sixth-most-starred project on GitHub, with more than 135,000 stars, behind
free Code Camp and marginally behind Vue.js framework. According to Alexa Rank,
Bootstrap is in the top-2000 in the USA while vuejs.org is in the top-7000 in the USA.

Bootstrap, originally named Twitter Blueprint, was developed by Mark Otto and Jacob
Thornton at Twitter as a framework to encourage consistency across internal tools. Before
Bootstrap, various libraries were used for interface development, which led to inconsistencies
and a high maintenance burden. According to Twitter developer Mark Otto.

Figure 4.1 Bootstrap logo

A super small group of developers and I got together to design and build a new internal tool
and saw an opportunity to do something more. Through that process, we saw ourselves build
something much more substantial than another internal tool. Months later, we ended up with
an early version of Bootstrap as a way to document and share common design patterns and
assets within the company.

19

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

CHAPTER 5

NODE.JS

Node.js is an open-source server environment. Node.js is cross-platform and runs on

Windows, Linux, Unix, and macOS. Node.js is a back-end JavaScript runtime environment.
Node.js runs on the V8 JavaScript Engine and executes JavaScript code outside a web
browser.

5.1 Introduction To Node.Js

Node.js is an open-source, cross-platform JavaScript run-time environment that executes

JavaScript code outside the browser. According to official node.js website,

Node.js® is a JavaScript runtime built on Chrome‟s V8 JavaScript engine.

Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient.

Node.js‟ package ecosystem, npm, is the largest ecosystem of open source libraries in the
world.

I/O refers to input/output. It can be anything ranging from reading/writing local files to
making an HTTP request to an API. I/O takes time and hence blocks other functions.

Figure. 5.1 Node.js basic structure with runtime environment

20

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

5.2 History Of Node.Js

Node.js was originally written by Ryan Dahl in 2009. He was inspired to create Node.js after
seeing a file upload progress bar on Flickr. The browser did not know how much of the file
had been uploaded and had to query the Web server. He desired an easier way. He
demonstrated the project at the inaugural European JSConf on November 8, 2009. Node.js
combined Google's V8 JavaScript engine, an event loop, and a low-level I/O API.

5.3 Why Node.Js?

Node.js lets us use JavaScript language on the server, so it allows us to write JavaScript
outside the browser which, till now, was used only for front-end things only.

Node.js operates on a single thread, using non-blocking I/O calls, allowing it to support tens
of thousands of concurrent connections without incurring the cost of thread context
switching. It uses asynchronous programming. A common task for a web server can be to
open a file on the server and return the content to the client but servers should not be used for
simple tasks when you can get them done without the help of servers.

Here is how PHP or ASP handles a file request:

1. Sends the task to the computer's file system.

2. Waits while the file system opens and reads the file.

3. Returns the content to the client.

4. Ready to handle the next request.

Here is how Node.js handles a file request:

1. Sends the task to the computer's file system.

2. Ready to handle the next request.

3. When the file system has opened and read the file, the server returns the content to the
client.

21

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

5.4 Working Of Node.Js

As an asynchronous event driven JavaScript runtime, Node is designed to build scalable

network applications. In the following "hello world" example, many connections can be
handled concurrently. Upon each connection the callback is fired, but if there is no work to be
done, Node will sleep.

Figure. 5.2 Sample cade of node.js

Node.js eliminates the waiting, and simply continues with the next request. Node.js runs
single-threaded, non-blocking, asynchronously, which is very memory efficient.

Figure. 5.3 Working of node.js with block diagram

22

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

CHAPTER 6

EXPRESS.JS

Express.js, or simply Express, is a back end web application framework for building RESTful
APIs with Node.js, released as free and open-source software under the MIT License. It is
designed for building web applications and APIs. It has been called the de facto standard
server framework for Node.js.

6.1 Introduction To Express.Js

Express is a minimal and flexible Node.js web application framework that provides a robust
set of features for web and mobile applications.

Performance: Express provides a thin layer of fundamental web application features,

without obscuring Node.js features that you know and love.

6.2 History Of Express.Js

Express.js was founded by TJ Holowaychuk. The first release, according to

Express.js's GitHub repository, was on 22 May 2010. Version 0.12

In June 2014, rights to manage the project were acquired by StrongLoop. StrongLoop was
acquired by IBM in September 2015; in January 2016, IBM announced that it would place
Express.js under the stewardship of the Node.js Foundation incubator.

6.3 Routing

Routing refers to determining how an application responds to a client request to a particular

endpoint, which is a URI (or path) and a specific HTTP request method (GET, POST, and
4so on)

Each route can have one or more handler functions, which are executed when the route is
matched.

Route definition takes the following structure:

23

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

PATH is a path on the server.

HANDLER is the function executed when the route is matched.

Routing refers to how an application‟s endpoints (URIs) respond to client requests. For an
introduction to routing, see Basic routing.

You define routing using methods of the Express app object that correspond to HTTP
methods; for example, app.get() to handle GET requests and app.post to handle POST
requests. For a full list, see app.METHOD. You can also use app.all() to handle all HTTP
methods and app.use() to specify middleware as the callback function (See Using middleware
for details).

These routing methods specify a callback function (sometimes called “handler functions”)
called when the application receives a request to the specified route (endpoint) and HTTP
method. In other words, the application “listens” for requests that match the specified route(s)
and method(s), and when it detects a match, it calls the specified callback function.

In fact, the routing methods can have more than one callback function as arguments. With
multiple callback functions, it is important to provide next as an argument to the callback
function and then call next() within the body of the function to hand off control to the next
callback.

Figure. 6.1 Example of a very basic route code.

24

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

CHAPTER 7

SQL

SQL (Structured Query Language) is a programming language used to communicate with and
manipulate databases. To get the most of the mounds of data they collect, many businesses
must become versed in SQL. Here‟s everything you should know about using SQL to access
and manipulate data.

7.1 Introduction To Sql

SQL stands for Structured Query Language. It is used for storing and managing data in
relational database management system (RDMS). It is a standard language for Relational
Database System. It enables a user to create, read, update and delete relational databases and
tables. All the RDBMS like MySQL, Informix, Oracle, MS Access and SQL Server use SQL
as their standard database language. SQL allows users to query the database in a number of
ways, using English-like statements.

The SQL programming language was developed in the 1970s by IBM researchers Raymond
Boyce and Donald Chamberlin. The programming language, known then as SEQUEL, was
created following Edgar Frank Codd‟s paper, “A Relational Model of Data for Large Shared
Data Banks,” in 1970.

7.2 List Of Sql Commands

7.2.1 Background

SQL, Structured Query Language, is a programming language designed to manage data

stored in relational databases. SQL operates through simple, declarative statements. This
keeps data accurate and secure, and it helps maintain the integrity of databases, regardless of
size.

25

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

7.2.2 Commands:
7.2.2.1 ALTER TABLE
ALTER TABLE table_name
ADD column_name datatype;

ALTER TABLE lets you add columns to a table in a database.

7.2.2.2 AND
SELECT column_name(s)
FROM table_name
WHERE column_1 = value_1
AND column_2 = value_2;

AND is an operator that combines two conditions. Both conditions must be true for the row
to be included in the result set.

7.2.2.3 CREATE TABLE

CREATE TABLE table_name (
column_1 datatype,
column_2 datatype,
column_3 datatype
);

CREATE TABLE creates a new table in the database. It allows you to specify the name of
the table and the name of each column in the table.

7.2.2.4 INSERT
INSERT INTO table_name (column_1, column_2, column_3)
VALUES (value_1, 'value_2', value_3);

INSERT statements are used to add a new row to a table

26

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

CHAPTER 8
PROJECT DESCRIPTION

8.1 Description

E-commerce (electronic commerce or EC) is the buying and selling of goods and services, or
the transmitting of funds or data, over an electronic network, primarily the internet. These
business transactions occur either as business-to-business, business-to consumer, consumer-
to-consumer or consumer-to-business.

E-commerce shops have become part of our daily lives. Technological advancement has
made it possible for people to sit in the convenience of their homes and still shop online
without going to a physical shop.

The store manager and the staff members operate as the administrators. They can add, edit,
update products or, delete products thus they able to change the names of products, change
prices and, add or remove products.

The customer can search for products selection, update the cart, remove products from the
cart and check out from the shop. The customer is also able to update his information such as
names, address and other data. The User is only able to browse the online shop and add a
product to the cart. The user is limited to the use of the shop.

8.2 Process

 Any member can register and view available products.

 Only registered member can purchase multiple products regardless of quantity

 Contact Us page is available to contact Admin for queries.

 There are three roles available: Visitor, User and Admin.

 Visitor can view available products.

 User can view and purchase (future scope) products.

27

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

8.3 Web Pages Details

 Home page: The Home Screen will consist of screen were one can browse through the
products which we have on our website

 Categories page: This page consists of various categories of wearables. This page appears
same for both visitors and users.

 Products page: This page consists of product details. All the information regarding the
selected product such as price, reviews, rating, etc.

 Cart page: This page shows the total selected products from the user and the net price.

 Search page: This page shows all the relevant products to the product the user has
searched for.

 Contact us page: Visitors and Registered users can contact website owners or
administrators from here.

 About Us page: This page describes about website and owners.

 Sign Up page: New users can register here. This refers to registering as a customer. The
registered member has a lot of privileges associated with the shop when one becomes a
customer.

 Sign in page: Login page for both users and administrators (the one who are willing to list
their products on website). After the user has registered, the user becomes a customer, and
he or she can log in with their personal information.

8.4 Goals Of Website

 Establish deeper business relationships: When businesses use e-commerce as a primary

technique, they can easily grab achievement. When there is direct communication
between the company and customers, the relationship boosts up. Eventually, companies
can connect with more customers and result in increased growth.

 Manage online selling costs in a strategic way: The primary aim of every business is to
focus on cost reduction, and E-Commerce helps them do the same effectively. The
automatic process of e-commerce helps to reduce the cost of management. The proper

28

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

use of technology, Digital Marketing, can help you gain more customers without
investing much.

 Provide a unique customer experience: Provide an attractive UI and ease of flow to

various operations for better and unique experience to a user. This will consequently
increase the user count.

 Identify the right target audience: Earning relevant traffic is the core requirement of every
business. Whether you run an e-commerce website or online business, building traffic is
important.

 Make the website mobile responsive: With the rising use of mobile phones for online
shopping, it has become mandatory for E-commerce businesses to move towards mobile-
friendly websites.

 Efficiency of services: This is the most important aspect which needs to be achieved.
Services like payment, delivery, customer-care, etc. (when implemented in future) should
be very easy to perform and efficient. This will help in maintaining the customers.

8.5 Purpose Of Project

 To provide a solution for the ongoing demand of e-commerce.

 To provide a platform where customers can find products and purchase them
sitting at home.

 To develop a project this is both profitable and useful.

 To provide a convenient shopping experience.

 To provide more sales opportunity.

 To provide a better interaction between customers and companies.

 To increase the number of customers without large expenses.

 To improve the website position in the market for goods and services.

29

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

8.6 Requirement Analysis

8.6.1 Hardware Requirement

 Computer/Laptop with windows 10

 Mobile device (to check responsiveness)

8.6.2 Software Requirement

 Microsoft Visual Studio Code

 Installed Bootstrap Library

 Other extensions of HTML, CSS and JavaScript in Visual Studio code

 Web Browser(Chrome)

8.6.3 Functional Requirement

 Mobile Responsive: Make sure your responsive implementation is professionally

executed; as clunky mobile experience discounts the quality of the business for the fast-
paced shopper.

 Ease of use in the checkout flow: Focus on ease of use; ensure you don‟t introduce any
unnecessary steps to complete the purchase. Strive for a one-click experience.

 Personalization: A third-party personalization tool integrated into your ecommerce

platform can influence your sales by up to 59% percent.

 Accessibility: Follow the universal guidelines provided and implement your accessibility
standard to include all shoppers.

8.6.4 Non-Functional Requirement

8.6.4.1 Usability

 How easily a user can achieve their target in a single page visit

 How quickly they can perform tasks in the store

 The memorable & intuitiveness of the design

30

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

 Number and types of errors users make

8.6.4.2 Security

 Security comes with utmost importance if your site is dealing with monetary transactions,
users‟ financial and sensitive data.

 Data privacy policy will create trust among the users for your website and convert the
customers into brand advocates.

 It is also considered for the different admin roles by which you can control who can
create, see, copy, change or delete information.

8.7 User Classes And Characteristics

8.7.1 Class Diagram

Figure 8.1 Class diagram of e commerce website

31

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

8.7.2 Use Case Diagram

Figure 8.2 Use Case diagram of website

32

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

8.7.3 Activity Diagram

Figure 8.3 Activity diagram of website with flow

33

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

CHAPTER 9
SCREENSHOTS OF PROJECT

Figure 9.1 Home page banner with logo and header

Figure 9.2 Home page bottom with footer and clip outs
34

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

Figure 9.3 Profile Section with application tracking and profile management.

Figure 9.4 API based News feed with News selection filters

35

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

Figure 9.5 Login/ SignUp Page with phone number authentication.

Figure 9.6 OTP Based Authentication with real-time management

36

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

Figure 9.7 SignUp Form with personal details and social media handle

Figure 9.8 Search page with filters amd admission form filling option.

37

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

Figure 9.9 Admission Form with detailed tracking system and follow-ups

Figure 9.10 Adhira Learning platform with complete working and frontend

38

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

CONCLUSION

Feel Educare helped me gain a lot of industry related knowledge of PHP and React.js.I
learned how to focus more on SEO (Search Engine Optimization) and worked on handling
large code base.

I learned how to tackle problems related to CORS which I would have never came across
with without this industrial experience. I also worked on .htaccess file for reedirecting routes.

The timing has never been better for using technology to enable and improve learning at all
levels, in all places, and for people of all backgrounds. From the modernization of E-rate to
the proliferation and adoption of openly licensed educational resources, the key pieces
necessary to realize best the transformations made possible by technology in education are in
place.

Educators, policymakers, administrators, and teacher preparation and professional

development programs now should embed these tools and resources into their practices.
Working in collaboration with families, researchers, cultural institutions, and all other
stakeholders, these groups can eliminate inefficiencies, reach beyond the walls of traditional
classrooms, and form strong partnerships to support everywhere, all-the-time learning.

Although the presence of technology does not ensure equity and accessibility in learning, it
has the power to lower barriers to both in ways previously impossible. No matter their
perceived abilities or geographic locations, all learners can access resources, experiences,
planning tools, and information that can set them on a path to acquiring expertise
unimaginable a generation ago.

39

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

FUTURE SCOPE

 To include various APIs, AI frameworks and virtual reality in order to make it more
attractive.

 With increasing demand of Node.js and React.js in Tech. Market and all big and small
businesses going online, the Demand of Web Developers has seen multifold
increment.

 To make the UI a motion UI for better view from customer point of view.

 Also, an experienced person in this field can also work as a freelancer. There are many
companies which provide online projects to individuals.

 To expand the educational institutes categories i.e. to include more courses and
curriculums .

 To include various payment gateways for payment purpose.

 There have to be language varieties so that Non-English users can access easily
without any difficulty.

40

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

REFERENCES

https://www.w3schools.com/

https://github.com

https://geeksforgeeks.org

https://developer.mozila.org

https://stackoverflow.com

https://www.programiz.com/

https://www.javascript.com/

https://getbootstrap.com/

https://internshipstudio.com/

https://www.eduonix.ai/projects

https://www.dukelearntoprogram.com/

41

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

PROGRAM OUTCOMES
1. Engineering knowledge: Engineering knowledge: Apply the knowledge of mathematics,
science, engineering fundamentals, and an engineering specialization to the solution of complex
electronics and communication engineering problems.
2. Problem analysis: Identify, formulate, research literature, and analyze complex electronics and
communication engineering problems reaching substantiated conclusions using first principles
of mathematics, natural sciences, and engineering sciences.
3. Design/development of solutions: Design solutions for complex electronics and communication
engineering problems and design system components or processes that meet the specified needs
with appropriate consideration for the public health and safety, and the cultural, societal, and
environmental considerations.
4. Conduct investigations of complex problems: Use research-based knowledge and research
methods including design of experiments, analysis and interpretation of data, and synthesis of
the information to provide valid conclusions.
5. Modern tool usage: Create, select, and apply appropriate techniques, resources, and modern
engineering and IT tools including prediction and modeling to complex engineering activities
with an understanding of the limitations.
6. The engineer and society: Apply reasoning informed by the contextual knowledge to assess
societal, health, safety, legal and cultural issues and the consequent responsibilities relevant to
the professional electronics and communication engineering practice.
7. Environment and sustainability: Understand the impact of the professional electronics and
communication engineering solutions in societal and environmental contexts, and demonstrate
the knowledge of, and need for sustainable development.
8. Ethics: Apply ethical principles and commit to professional ethics and responsibilities and norms
of the electronics and communication engineering practice.
9. Individual and team work: Function effectively as an individual, and as a member or leader in
diverse teams, and in multidisciplinary settings.
10. Communication: Communicate effectively on complex electronics and communication
engineering activities with the engineering community and with society at large, such as, being
able to comprehend and write effective reports and design documentation, make effective
presentations, and give and receive clear instructions.

vii

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

11. Project management and finance: Demonstrate knowledge and understanding of the
electronics and communication engineering and management principles and apply these to one’s
own work, as a member and leader in a team, to manage projects and in multidisciplinary
environments.
12. Life-long learning: Recognize the need for, and have the preparation and ability to engage in
independent and life-long learning in the broadest context of technological change.

---------------------------------------------------------------------------------------------------------------------------
------
PSO1: Graduates of the program would be able to develop mobile and web-based IT solutions for real
time problems.
PSO2: Graduates of the program would be able to apply the concepts of artificial intelligence, machine
learning and deep learning.

viii

Downloaded by Happy ([email protected])

 lOMoARcPSD|32322399

COURSE OUTCOMES
To extend the boundaries of knowledge through research and development
CO-1 and integrate classroom theory with workplace practice.

To develop new or advanced skills and Gain understanding of

CO-2 administrative functions and company culture.
7IT7-30
Industri
Ability to obtain and apply important principles of science and
al
CO-3 engineering and for self- improvement through constant professional
Trainin development and life-long learning.
g

Ability to recognize, express and model problems and find engineering

CO-4
solution based on a systems tactic.

P P P PS PS
CO PO PO PO PO PO PO PO PO PO O O O O O
s -1 -2 -3 -4 -5 -6 -7 -8 -9 - - - -1 -2
1 1 1
0 1 2

CO H H M H H M L L M L L M H H
-1
CO
H M H H M L L M H L H H H H
-2

CO H H M H H L M M H M M H H H
-3
CO
H H L H H H H H H H M H H H
-4

Shyam Garg
19EJCIT092

ix

Downloaded by Happy ([email protected])