Summer Training Report

Submitted in partial fulfillment for the award of Degree of

BACHELOR OF TECHNOLOGY
In
Computer Science & Engineering (C.T.I.S)

Project Title
REACT-JS
……………………………………….
From

Ensino Research And Development Private Limited

……………………………….

Submitted by:
Pranjal Thapa
Roll No. :210180101046
Department of Computer Science & Engineering

Statement of Originality
We solemnly declare that the project report “ REACT-JS ” is based on our own work carried out during the
course of our study under the able supervision of Ensino Reasearch And Development Private Limited.
We further certify that the work contained in the report is original and has been done by us. The work has
not been submitted to any other institution for any other degree. We have followed the guidelines provided
by the university in writing the report.

PRANJAL THAPA
Acknowledgement

I would like to express our special thanks of gratitude to our supervisor Ensino Reasearch and Development
Private Limited for his able guidance and support in completing the project

I would also like to extend gratitude to a few of our friends for helping us in a few tedious moments while
working on the project.
 Content

• Acknowledgement

• Introduction

• Requirement Analysis

• Conclusion

• References
 Introduction
WEB DEVELOPING

Website is a collection of related web pages, including multimedia content, typically identified with a

common domain name, and published on at least one web server. A website may be accessible via a public

Internet Protocol (IP) network, such as the Internet, or a private local area network (LAN), by referencing a

uniform resource locator (URL) that identifies the site.Websites can have many functions and can be used in

various fashions; a website can be a personal website, a commercial website for a company, a government

website or a non-profit organization website. Websites are typically dedicated to a particular topic or

purpose, ranging from entertainment and social networking to providing news and education. All publicly

accessible websites collectively constitute the World Wide Web, while private websites, such as a company's

website for its employees, are typically a part of an intranet.

Software Requirements :-
1. HTML
2. CSS
3. BOOTSTRAP
4. DESIGNING
5. JAVASCRIPT, ES6
6. DOM WEB
7. JQUERY
8. NODE.JS
9. GITHUB
10. MONGODB
 1.
HTML

HTML (HyperText Mark-Up Language) is what is known as a "mark-up language" whose role is to prepare

written documents using formatting tags. The tags indicate how the document is presented and how it links

to other documents. The World Wide Web (WWW for short), or simply the Web, is the worldwide network

formed by all the documents (called "web pages") which are connected to one another by hyper links. Web

pages are usually organized around a main page, which acts as a hub for browsing other pages with

hyperlinks. This group of web pages joined by hyperlinks and centered around a main page is called a

website The Web is a vast living archive composed of a myriad of web sites, giving people access to web

pages that may contain formatted text, images, sounds, video, etc.
 2.
What is the Web?

The Web is composed of web pages stored on web servers, which are machines that are constantly

connected to the Internet and which provide the pages that users request. Every web page, and more

generally any online resource, such as images, video, music, and animation, is associated with a unique

address called a URL. The key element for viewing web pages is the browser, a software program which

sends requests to web servers, then processes the resulting data and displays the information as intended,

based on instructions in the HTML page. The most commonly used browsers on the Internet include:

Mozilla Firefox,

Microsoft Internet Explorer,

Netscape Navigator Safari, Opera

 3.
Versions Of HTML:
HTML was designed by Tim Berners-Lee, at the time a researcher at CERN (Chinese
Ecosystem Research Network). beginning in 1989. He officially announced the creation of
the Web on Usenet in August 1991. However, it wasn't until 1993 that HTML was
considered advanced enough to call it a language (HTML was then symbolically christened
HTML 1.0). RFC 1866, dated November 1995, represented the first official version of
HTML, called HTML 2.0. After the brief appearance of HTML 3.0, which was never
officially released. HTML 3.2 became the official standard on January 14, 1997. The most
significant changes to HTML 3.2 were the standardization of tables, as well as many features
relating to the presentation of web pages.
On December 18, 1997, HTML 4.0 was released. Version 4.0 of HTML was notable for
standardizing style sheets and frames. HTML version 4.01, which came out on December 24.
1999, made several minor modifications to HTML 4.0.
Example
<HTML>
<HEAD> </HEAD> <BODY> <H5>THIS IS AN EXAMPLE</HS> </BODY> </HTML>
 4.
CSS:
4.1 What Is CSS?
> CSS stands for Cascading Style Sheets.
> CSS describes how HTML elements are to be displayed on screen, paper, or in other
media.
> CSS saves a lot of work. It can control the layout of multiple web pages
External stylesheets are stored in CSS files.
at once
> CSS describes how HTML elements should be displayed.
> CSS Saves a Lot of Work! The style definitions are normally saved in external .css files.
> With an external stylesheet file, we can change the look of an entire website by changing
just one file!
CSS can be either external or internal.

4.2 CSS Syntax:

A CSS rule-set consists of a selector and a declaration block:
CSS selector: The selector points to the HTML element you want to style.
The declaration block contains one or more declarations separated by semicolons. Each
declaration includes a CSS property name and a value, separated by a colon. A CSS
declaration always ends with a semicolon, and declaration blocks are surrounded by curly
braces.

The External CSS can be declared in the required HTML. page as:
<link rel="stylesheet" href="CSS file name "css">
The External CSS file is saved by using the .css extension, whereas the internal CSS is saved
in corresponding HTML file using the <style> tag. Using External CSS is much better than
using Internal. Here are a few reasons this is better.
Easier Maintenance
Reduced File Size
 5.
Reduced Bandwidth
Improved Flexibility

The selectors that can be used to select the HTML part are

Id selector
> Class selector
 5.
Id Selector:
The id selector uses the id attribute of an HTML element to select a specific element .The id
of an element should be unique within a page, so the id selector is used to select one unique
element! To select an element with a specific id, write a hash (#) character, followed by the
id of the element. The style rule below will be applied to the HTML element with id="suhail
":

5.1 The class Selector:

The class selector selects elements with a specific class attribute.

To select elements with a specific class, write a period f.) character, followed by the name of
the class
 6.
INTRODUCTION TO PHP:
6.1 What is PHP?
PHP is a open source, interpreted and object-oriented scripting language i.e. executed at
server side. It is used to develop web applications (an application i.e. executed at server side
and generates dynamic page).
> PHP stands for Hyper Text Preprocessor .
> PHP is a server side scripting language.
PHP is an interpreted language, i.e. there is no need for compilation.
PHP is an object-oriented language.
PHP is an open-source scripting language.
> PHP is simple and easy to learn language.
6.2 History of PHP:
PHP (PHP: Hypertext Preprocessor) was created by Rasmus Lerdorf in 1994. It was initially
developed for HTTP usage logging and server-side for generation iUnix. PHP 2 (1995)
transformed the language into a Server-side embedded scripting language. Added database
support, file uploads. variables, arrays, recursive functions, conditionals, iteration. regular
expressions, etc. PHP 3 (1998) added support for ODBC data sources, multiple platform
support, email protocols (SNMP,IMAP), and new parser written by Zeev Suraski and Andi
Gutmans PHP 4 (2000) became an independent component of the web server for added
efficiency. The parser was renamed the Zend Engine. Many security feature were added.
PHP 5 (2004) adds Zend Engine 11 with object oriented programming, robust XML support
using thelibxml2 library.
SOAP Services, SQLite has been bundled with PHP extension for interoperability with Web
7.3 Features of PHP:
There are given many features of PHP - Performance Sent written in PHP executes much
faster then the serpts watien in other linguantes such as ISP & ASP
 7.
MYSQL:
MySQL (My S-Q-L. or "My sequel") is a relational database management system (RDBMS)
which has more than 6 million installations. MySQL stands for "My Structured Query
Language". The program runs as a server providing multi-user access to a number of
databases.
7.1 Uses:
MySQL is used in web applications and acts as the database component of the LAMP
software stack. Its popularity for use with web applications is closely tied to the popularity
of PHP, which is often combined with MySQL. Several high-traffic web sites (including
Flickr. Facebook. Wikipedia, Google (though not for searches), Nokia, Auction marts and
YouTube) use MySQL for data storage and logging of user data.
 Requirement Analysis

This section describes the software and hardware requirements of the project.

Software Requirement Specification

A requirements specification for a software system is a complete description of the behavior of a system to
be developed and it includes a set of use cases that describe all the interactions the users will have with the
software. In addition to use cases, the SRS also contains non-functional requirements.

Non-functional requirements are requirements which impose constraints on the design or implementation
(such as performance engineering requirements, quality standards, or design constraints). Requirements are
a sub-field of software engineering that deals with the elicitation, analysis, specification, and validation of
requirements for software.

The software requirement specification document enlists all necessary requirements for project
development. To derive the requirements, we need to have clear and thorough understanding of the products
to be developed. This is prepared after detailed communications with project team and the customer.
Hardware Requirements

• 1TB HD space required for a typical live system with 1000-2000 events
• Recommended minimum CPU – i7 7th gen

• Recommended 16GB RAM

• Network card
 PROBLEM IDENTIFICATION & FEASIBILITY STUDY

Problems in existing system

• Manual working system is there, so many problems occurred.

• Error during entry process.

• Automation of process of project.

• They don’t have centralized database to maintain information.

• Complexity in working process.

• Physical effort of students meeting head of the departments.

TECHNICAL FEASIBILITY:

Technical feasibility centers on the existing manual system of the test management process and to what
extent it can support the system. According to feasibility analysis procedure the technical feasibility of the
system is analyzed and the technical requirements such as software facilities, procedure, inputs are
identified. It is also one of the important phases of the system development activities. The system offers
greater levels of user friendliness combined with greater processing speed. Therefore, the cost of
maintenance can be reduced. Since, processing speed is very high and the work is reduced in the
maintenance point of view management convince that the project is operationally feasible.

BEHAVIORAL FEASIBILITY:
Estimate should be made of how strong the user is likely to move towards the development of computerized
People are inherently resistant to change and computer has been known to facilitate changes. These are
various levels of users in order to ensure proper authentication and authorization and security of sensitive
data of the organization.
 CONCLUSION

In a nutshell, this internship has been an excellent and rewarding experience. I can conclude
that there have been a lot I've learnt from my work at the training & research centre.
Needless to say, the technical aspects of the work I've done are not flawless and could be
improved provided enough time. As someone with no prior experience in JavaScript
whatsoever I believe my time spent in training and discovering new languages was well
worth it and contributed to finding an acceptable solution to an important aspect of web
design and development. Two main things that I've leaned the importance of are time-
management skills and self-motivation. Although I have often stumbled upon these
problems at University, they had to be approached differently in a working environment
 REFERENCES

• https://www.internshala.com/
• www.w3schools.com/sql
• www.tutotialpoint.com
• www.youtube.com
• www.wikipedia.org THANK YOU