Maharashtra State Board of Technical Education Industrial Training Report

Chapter 1: Introduction

1.1 About Company

Sumago Infotech Pvt Ltd

We aspire to be the global sourcing choice of the global market and revolutionize the way
service processes function. Our goal is to reach out to common people across the globe and make
Information Technology a tool for the "Masses", as well as the "Classes". We strive to create
innovative IT solutions and provide IT-enabled services to enthrall customers worldwide and
build relationships based on Trust, Values, and Professionalism.

At Sumago Infotech, we strive with technology to provide the most effective and affordable
services that fulfill our customers' needs and budgets. We provide customized websites and
software solutions that suit our customers' company objectives. We always involve our
customers in the entire process, starting from design right up to deployment, so that your ideas
can be incorporated into our work

CORE VALUES

1. Continuous Learning

2. Innovation

3. Constant Improvement

4. Committed

Address:

302, Third Floor, Kakade Center Port Near E-Square, University Road, Shivajinagar, Pune-
411016

Department of Computer Technology, SVCP Pune 1

2024-25
 Maharashtra State Board of Technical Education Industrial Training Report

1.2 Our Mission

At Sumago InfoTech, we strive with technology to provide the most effective and affordable
services that fulfill our customers' needs and budgets. We provide customized websites and
software solutions that suit our customers' company objectives. We always involve our
customers in the entire process, starting from design right up to deployment, so that your ideas
can be incorporated into our work.

1.3 Organizational Structure

Learning & Development Head:

Mr. Amol Pawar

No. of Employees:

15-45

Department of Computer Technology, SVCP Pune 2024- 2

25
 Maharashtra State Board of Technical Education Industrial Training Report

Chapter 2: Services

2.1 Introduction to services

A career in the IT sector can be an attractive prospect for many. With new technologies
developing constantly, there are always opportunities to keep up with the latest in computer
science and engineering fields. This also offers the chance to work with cutting-edge products
and services that may drive forward advances in society. It is a fast-paced industry that rewards
creativity, hard work, and dedication. Moreover, employers often seek out those who have
experience working with specific software or hardware, making the field highly competitive. For
those who are considering a career in IT, there are several factors to consider before taking the
plunge.
The type of job should also be taken into account when assessing whether an IT career is
worthwhile or not. Some positions may require more hands-on technical skills such as coding
while others might involve more managerial duties such as overseeing projects or teams of
people. Depending on which career path you choose, you should ensure that you have the
necessary skills or qualifications needed for success before committing yourself to it fully.
Additionally, you should research any potential employers thoroughly in order to gain an
understanding of their workplace culture and expectations so that you know what you’re getting
yourself into beforehand.

2.2 Services offered by the Company

 Web Development
 Mobile Application Development
 Digital Marketing
 IT consulting
 IT solutions
 Project Management
 Data Analytics
 Resource Augmentation
 Blockchain technology

Department of Computer Technology, SVCP Pune 2024- 3

25
 Maharashtra State Board of Technical Education Industrial Training Report

 Artificial Intelligence
 Outsourcing Engagement

Chapter 3: MERN Stack

React JS
3.1 Introduction
ReactJS is JavaScript library used for building reusable UI components. According to React
official documentation, following is the definition −

React is a library for building composable user interfaces. It encourages the creation of reusable
UI components, which present data that changes over time. Lots of people use React as the V in
MVC. React abstracts away the DOM from you, offering a simpler programming model and
better performance. React can also render on the server using Node, and it can power native apps
using React Native. React implements one-way reactive data flow, which reduces the boilerplate
and is easier to reason about than traditional.

React Features
 JSX − JSX is JavaScript syntax extension. It isn't necessary to use JSX in React
development, but it is recommended.

 Components − React is all about components. You need to think of everything as a

component. This will help you maintain the code when working on larger scale projects.

 Unidirectional data flow and Flux − React implements one-way data flow
which makes it easy to reason about your app. Flux is a pattern that helps keeping your
data unidirectional.

 License − React is licensed under the Facebook Inc. Documentation is licensed under
CC by 4.0.

3.2 Basic Concepts and Uses

1. React JS Installation

1.1] React provides CLI tools for the developer to fast forward the creation, development
and deployment of the React based web application

1.2] React CLI tools depends on the Node.js and must be installed in your system.

Department of Computer Technology, SVCP Pune 2024- 4

25
Maharashtra State Board of Technical Education Industrial Training Report

1.3] We can check it using the below command –

node --version

1.4] You could see the version of Nodejs you might have installed.

1.5] If Nodejs is not installed, you can download and install by visiting

https://nodejs.org/en/download/.

1.6] Creating a new application

Use the following command [npx create-react-app folder_name]

By following the process, we have created a project in which we can write new code and
build it to see the results.
2. Components in React JS

Components are independent and reusable bits of code. They serve the same purpose as
JavaScript functions, but work in isolation and return HTML.

Components come in two types, Class components and Function components, in this
tutorial we will concentrate on Function components.

Create Your First Component

When creating a component, the component's name MUST start with an upper case letter.
Components are of 2 types:Class Based & Function Based.

Class based

A class component must include the extends React.Component statement. This statement
creates an inheritance to React.Component, and gives your component access to
React.Component's functions.

The component also requires a render() method, this method returns HTML.

class Car extends React.Component {

render() {

return <h2>Hi, I am a Car!</h2>;

}}

Department of Computer Technology, SVCP Pune 2024- 5

25
Maharashtra State Board of Technical Education Industrial Training Report

Function Component

Here is the same example as above, but created using a Function component instead.

A Function component behaves much the same way as a Class component, but Function
components can be written using much less code, are easier to understand, and will be
preferred.

function Car() {

return <h2>Hi, I am a Car!</h2>;

3. Hooks in React JS:

Hooks allow function components to have access to state and other React features. Hooks
allow us to "hook" into React features such as state and lifecycle methods.

Basic Hooks:
1. useState: The React useState Hook allows us to track state in a function component.
State generally refers to data or properties that need to be tracking in an application.

const [data, setdata] = useState ();

2. useEffect: The useEffect Hook allows you to perform or execute an action without
triggering any events useEffect accepts two arguments.

useEffect (

const Car () {

return Hi, I am a Car!

});

4. Navigation in React JS
Navigation is a process in which a user is directed to different pages based on their action
or request. React JS navigation is mainly used for developing Multi-Page Applications.
React JS navigation is used to define multiple routes in the application.

Department of Computer Technology, SVCP Pune 2024- 6

25
 Maharashtra State Board of Technical Education Industrial Training Report

React JS navigation plays an important role to display multiple views in a multi-page

application. Without React JS navigation, it is not possible to display multiple views in
applications.

Node JS
Node.js is an open-source and cross-platform JavaScript runtime environment. It is a popular
tool for almost any kind of project! Node.js runs the V8 JavaScript engine, the core of Google
Chrome, outside of the browser. This allows Node.js to be very performant. A Node.js app runs
in a single process, without creating a new thread for every request.

Node.js provides a set of asynchronous I/O primitives in its standard library that prevent
JavaScript code from blocking and generally, libraries in Node.js are written using non-blocking
paradigms, making blocking behavior the exception rather than the norm.

Applications using NodeJS:

 WebSocket server
 .Server Notification system
 Applications that need to upload files on the client
 Other real-time data applications.

MongoDB
MongoDB is an open source database; it is also the leading No SQL (*). MongoDB is cross-
platform data that operates on the concepts of collections and Documents, providing high
performance with high availability and ease of expansion.

With its introduction, it has overcome the disadvantages of RDBMS relational data model to
improve operating speed, functionality, model scalability, cache.

ExpressJS
Express.js is a framework built on top of Nodejs. It provides powerful features for web or mobile
development. Express.js supports HTTP and middleware methods, making the API extremely
powerful and easy to use.

Department of Computer Technology, SVCP Pune 2024- 7

25
 Maharashtra State Board of Technical Education Industrial Training Report

Express implements extra features to developer which help them get a better programming
environment, not scaling down the speed of NodeJS. Importantly, the well-known frameworks of
NodeJS apply Express.js as a substance function, for instance: Sails.js, MEAN.

Chapter 4: Project
4.1 Software Used

The software used to develop the application was Visual Studio.

4.2 Introduction to Project

We developed a web application to offer a tribute to the famous pop band of 1960s namely “THE
MONKEES” .It provides users with allocation of tickets, introduction to the band members,
famous songs along with a living memory of them.

4.3 Output of project

Department of Computer Technology, SVCP Pune 2024- 8

25
Maharashtra State Board of Technical Education Industrial Training Report

Department of Computer Technology, SVCP Pune 2024- 9

25
Maharashtra State Board of Technical Education Industrial Training Report

Department of Computer Technology, SVCP Pune 2024- 10

25
Maharashtra State Board of Technical Education Industrial Training Report

Department of Computer Technology, SVCP Pune 2024- 11

25
Maharashtra State Board of Technical Education Industrial Training Report

Department of Computer Technology, SVCP Pune 2024- 12

25
 Maharashtra State Board of Technical Education Industrial Training Report

Chapter 5: Experience Encountered

5.1 Experience Encountered

I recently completed an industrial training program focused on MERN technology, and it was an
incredibly enriching experience. Throughout the training, I gained hands-on experience with the
MERN stack, consisting of MongoDB, Express.js, React.js, and Node.js. I worked on various
projects that allowed me to apply theoretical concepts to real-world problems, solidifying my
understanding of each technology. From designing and implementing databases with MongoDB
to building scalable backend APIs with Express.js and Node.js, and creating interactive frontend
interfaces with React.js, I developed a comprehensive skill set in full-stack development.

The industrial training program not only enhanced my technical skills but also taught me the
importance of collaboration, version control, and agile development methodologies. I learned to
work effectively in a team, using tools like Git and GitHub to manage code repositories and
collaborate on projects. The training also emphasized the significance of writing clean, modular,
and well-documented code, which has become an essential part of my development workflow.
Overall, my experience in the industrial training program has prepared me for a career in full-
stack development, and I'm excited to apply my skills and knowledge in real-world applications.

Department of Computer Technology, SVCP Pune 2024- 13

25
 Maharashtra State Board of Technical Education Industrial Training Report

5.2 References

https://www.w3schools.com/react/default.asp

https://www.w3schools.com/nodejs/default.asp

https://www.w3schools.com/mongodb/default.asp

https://getbootstrap.com/docs/5.0/getting-started/introduction/

Department of Computer Technology, SVCP Pune 2024- 14

25