Summer Internship Report
Under the curriculum of BE 7 t h semester Computer Engineering
On
Topic titled
“MERN
Stack”
Subject code: MH2401
Mentored by
Mr. Nitin Patel,
Assistant Professor
Department of Computer Engineering
Prepared by
Patel Dhrumi Rajendrabhai
210102103018
Computer Engineering Department,
UPL University of Sustainable Technology
July 2024
Academic Year 2024-25
Certificate
This is to certify that Mr./Ms. Patel Dhrumi bearing enrolment no.
_____________ a student of BE computer engineering of 7th semester
of UPL University of Sustainable Technology has satisfactorily
completed his summer internship program in Notion Infosoft for
MERN Stack during the academic year 2024- 2025.
…………………………… ………………………..
Mr. Nitin Patel Ms. Mital Patel
Co- ordinator Head (I/C)
Internship Training Program Computer Engineering Dept.
Acknowledgement
The internship opportunity I had with Notion Infosoft was a great
chance for learning and professional development. Therefore, I
consider myself as a very lucky individual as I was to provide with an
opportunity to be a part of it. I am also grateful for having a chance
to meet so many professionals who led me through this internship
period.
I express my deepest thanks to the Employees of Notion Infosoft for
taking part in useful decision & giving necessary advices and guidance
and arranged all facilities to make life easier. I choose this moment
to acknowledge their contribution gratefully. I would like to thank
Notion Infosoft for providing an immense opportunity to learn
MERN Stack.
I would like to thank the management of UPL university of
Sustainable technology for giving us an opportunity in the form
of a seven days Industrial internship program for us.
INDEX
SR NO. TITLE PAGE NO
1 INTRODUCTION 1
2 ABOUT COMPANY 3
3 TOOLS AND TECHNOLOGY USED 7
4 LIVE PROJECT
5 CONCLUSION
Chapter 01 : I ntroduction
1.1 Introduction:
The internship is a requirement by UPL University aimed at
enabling students gains an experience of how to link classroom concepts
into the working environment en-campuses with challenges, dynamics,
technological advancements, professional ethics and sector integrations.
The field attachment started on 11th of June, 2024 to 10th of August
2024. This was the time I learned both formerly and informally by
practically taking part in the daily assigned activities at Notion Infosoft ,
Ahmedabad . I put on record that is an experience worth to tune my
working profession today and the days coming.The detailed report of the
internship program is furnished below:-
1.2 Objectives of the practicum:
To use or apply the knowledge and skills acquired during classroom
teaching on trial basis.
To gain early understanding and appreciation of the practical real life
situation challenges associated with the application of the theoretical
knowledge acquire.
To obtain enhanced development and acquisition critical skills needed
to pro-actively observe and analyse problems/challenges encountered
while executing career duties and responsibilities.
To Interact with and learn from experienced professionals in a work
environment.
To Develop expedited professional self-awareness, internalization of
career job requirements and experiences.
To participate and acquire early exposure to range of professional
activities associated with my career focus and work place setting.
To be able to write a detailed internship report after the internship
period.
The objective of the internship is to learn more about the programming
languages like Node.js, Express.js, MongoDB, and ReactJS. These four
languages are the basic requirements for my job profile.
1
1.2 Scope of the practicum
This includes the content scope, geographical scope and time scope.
Content scope
The internship covered the supply, procurement, logistics and other
activities, skills and experiences face during the exercise.
Geographical scope
The internship was carried out fromNotion Infosoft, Ahmedabad.
Time scope
The internship started on 11th of June, 2024 to 10th of August 2024.
1.3 Internship Schedule
June 2024
This month, I revised HTML, CSS, and JavaScript. I learned about React.js
and make form using it.I was assigned to develop different tasks on the
frontend of the Notion Infosoft application for hands-on experience and a
better understanding of the language.
July2024
In this month I learned about Backend Node.js,express.js,mongoDB and
making api’s and routers,middlewares,mvc,git.
August 2024
In this month I learned about to connect frontend and backend, work on
some live projects.Also learn some debugging and finding bugs.
2
Chapter 02 : C ompany description
2.1 Company profile :
Notion Infosoft, located in Ahmedabad, as a software development and web
application development company with knowledgeable IT consultants who
can deliver beneficial business solutions. By providing top-notch solutions
for various business processes, Notion Infosoft consistently aims to create
significant value and productivity advantages for its clients. With extensive
expertise in information technology.
Their team’s dynamic and stable nature is a result of the perfect blend of
youthful and seasoned IT professionals. This combination ensures the
company's adaptability to the rapidly evolving information technology
industry and its ongoing ability to deliver cutting -edge solutions.
Vision and mission
Vision :
Our company’s vision is fully defined by a simple but comprehensive
phrase — We develop the world. and well-known mobile application
development company that assists businesses in transforming into digital
enterprises. It distinguishes you from competitors in the market and
improves customer engagement. We understand that no two customer
terrains are the same. Our agile methodology includes a clear solution
specifically designed to address the clients’ issues. You get custom software
development services. We provide a phased approach for your business and
assist IT organizations in aligning their goals with the overall business
vision.
Mission:
The company believes in transparency and a tendency to Deliver the Best
development agency including a huge responsibility to supply custom web
development services that area unit artistic and supply complete and
industry solutions. Our mission is to become a trustworthy internet
development partner who gives responsibility and offers value to our
clients’ businesses. we tend to aim to take care of a long-run partnership
with our purchasers through our quality internet development services
created to unravel the pain points of our clients’ businesses.
3
Working Schedule: -
It is observed that the above-mentioned company works for 10:30 am till
6:30 pm from Monday to Friday thereby proving that each and every
company of this sector currently work like this.
Technology they use :
ReactJS Python MongoDB
Javascript .NET Core PostgreSQL
CSS3 Flutter Firebase
HTML5 iOS WordPress
AngularJS Android Shopify
PHP React Native Magento
Codeigniter SQL Server WooCommerce
Node.js MySQL AWS
Azure Google Cloud Digital Ocean
2.1 Different Departments of company:
HR:
The HR (Human Resources) department is a group who is responsible for
managing the employee life cycle (i.e., recruiting, hiring, on-boarding,
training, and firing employees) and administering employee benefits.
Accounts and Finance:
Accounting and finance refer to the recording and analysing of business
activities. Understanding where your incoming and outcoming cashflow
will help you make better decisions moving forward to avoid failure.
4
Sales and marketing:
Sales and marketing both focus on generating revenue for an organisation.
However, marketing mainly focuses on long-term goals, whereas sales has a
relatively short-term perspective. Sales departments usually run on tight
periodic targets, while marketing goals are often intangible in nature.
IT Services:
The IT department is tasked with establishing the infrastructure necessary
for automation. At a fundamental level, by governing the use of network
and operating systems, the IT department empowers the company’s
employees to communicate, collaborate, and automate routine tasks,
ensuring that teams have the tools they need to perform their duties
effectively. It's important to recognize that while the IT department
implements and facilitates the flow of information, it does not create the
policies that determine which information is accurate or accessible to
others.
Customer Support:
The main role for customer support is to assist customers with technical
problems when using the company's product or services. However, it's
important that your customer support team gives great customer service as
your customer will associate your brand with bad or poor customer service.
Security and safety:
Physical security systems which can prevent and do analytics on
Unauthorized intrusions, public announcement systems for emergency
evacuation or important alarms designed keeping in mind safety of people.
• IP CCTV Surveillance
• Access Control System
• Fire Alarm System
5
Services they provide:
Web Design & Development
Mobile Apps Development
UI/UX Design
Customized Software Development
SEO/Digital Marketing
Hire Dedicated Resources
6
Chapter 03: Tools and technologies used
3.1 React
React is a JavaScript library for building user interfaces. It allows
developers to create large web applications that can update and render
efficiently in response to data changes. React is component-based, which
means the UI is broken down into small, reusable pieces.
JSX: JSX is a syntax extension for JavaScript that resembles XML or
HTML. It is used with React to describe what the UI should look like.
Components: Components are the building blocks of a React application.
They can be class-based or functional and manage their own state and
props.
State and Props: State and props are two types of data that control a
component. State is data that can change over time, while props are data
passed down from parent components.
3.2 Node.js
Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine. It
is designed to build scalable network applications. Node.js uses an event-
driven, non-blocking I/O model that makes it lightweight and efficient.
Modules: Node.js has a set of built-in modules that can be loaded using the
require function. These modules provide various functionalities such as
working with the file system, creating servers, and handling streams.
Asynchronous Programming: Node.js handles operations that might take a
long time to complete, like reading from a file or making a network request,
using asynchronous programming techniques such as callbacks, promises,
or async/await.
3.3 Express.js
Express.js is a web application framework for Node.js. It provides a robust
set of features to develop web and mobile applications. It allows you to set
up middlewares to respond to HTTP requests, define routing tables for
performing different actions based on the HTTP method and URL, and
render HTML pages based on data passed to it.
7
Setting Up Express: To set up Express, install it using npm and require it in
your application. You can then define routes to handle different HTTP
methods and paths.
Middleware: Middleware functions in Express have access to the request
object, the response object, and the next middleware function in the
application’s request-response cycle. These functions can perform tasks
such as logging, authentication, and data parsing.
3.4 MongoDB
MongoDB is a document-oriented NoSQL database used for high-volume
data storage. Instead of using tables and rows as in traditional relational
databases, MongoDB uses collections and documents. Documents consist of
key-value pairs, which are the basic unit of data in MongoDB. Collections
contain sets of documents and function as the equivalent of tables in
relational databases.
Schema Design: Unlike SQL databases, MongoDB does not require a
predefined schema, offering more flexibility in designing the structure of
your data.
CRUD Operations: CRUD operations in MongoDB include methods for
creating, reading, updating, and deleting documents. These operations are
performed using the MongoDB query language.
3.5 Git
Git is a version control system that allows developers to track changes in
their codebase and collaborate on projects. GitHub is a platform that hosts
Git repositories, enabling developers to share their work publicly or
privately.
Repository: A repository (or "repo") is a storage space for all files and
history related to a project. Each project has its own repository, accessible
via a specific URL.
Forking a Repo: Forking involves creating a copy of an existing repository
to start a new project. This promotes innovation and collaboration by
allowing developers to modify and build upon existing projects.
Branch: A branch represents an independent line of development. It allows
developers to work on features or fixes separately from the main codebase.
Git Commit: After staging changes, a commit records them in the
repository’s history. Commit messages should be concise yet descriptive to
8
help track changes over time.
Pull Requests: Pull requests facilitate collaboration by allowing developers
to propose changes from one branch to another, usually from a feature
branch to the main branch.
3.6 Postman
Postman is a tool that simplifies API development, making it easier to build,
test, and monitor APIs. It streamlines collaboration and helps developers
ensure that APIs work as expected.
Creating Requests: In Postman, you can create requests to send to a server,
specifying the HTTP method (GET, POST, PUT, DELETE, etc.), URL, and
any required headers or body data.
Collections: Collections organize requests into groups that can be run
together, making it easier to automate testing.
Environments: Environments allow you to use variables to customize
requests, which is helpful when running the same request against different
servers or with different data.
3.7 Debugging and Bug Finding (Basic Level)
Debugging involves identifying and fixing issues in your code. At a basic
level, this includes:
Basic Debugging Techniques: Using tools like console.log, breakpoints, and
step-through debugging to find and resolve issues in your code.
Finding Bugs: This involves systematically checking code for errors,
running tests, and reviewing logic to locate and fix bugs.
3.8 Thunder Client
Thunder Client is a lightweight API client extension for Visual Studio Code
that allows developers to test APIs directly from their code editor. It offers a
simple and fast way to make requests without leaving the development
environment.
Creating Requests: Similar to Postman, Thunder Client allows you to create
and send requests to a server, specifying the HTTP method, URL, headers,
and body data.
Collections: You can organize your API requests into collections for easier
management and testing within Thunder Client.
Environments: Thunder Client supports the use of environments, enabling
9
you to configure and switch between different sets of variables for testing
against multiple servers or configurations.
3.9 MVC
Model-View-Controller (MVC) is a software design pattern that separates
an application into three interconnected components: Model (handles data
and business logic), View (displays data to the user), and Controller
(manages user input and updates the Model and View). This separation
enhances modularity and maintainability.
3.10 Practical perform
Basic Server:
Figure 3.9.1
10
Sign in/Sign up using react.js and node.js:
Form SignIn:
Figure 3.9.2
Form SignUp:
Figure 3.9.3
11
Form Person Details:
Figure 3.9.4
Output:
Figure 3.9.2
Api Making:
Basic server
Code:
Figure 3.9.3
Routers
Code:
Figure 3.9.4
Controllers
12
Code:
Figure 3.9.5
MongoDB connection:
Schema:
MongoDB operation:
CRUD operations:
Putting data into Database:
Connecting to webpage to backend storing values in database:
Authentication using jwt:
13
Chapter 04: Live project
14
4.1 Description
During my internship at Notion Infosoft, I worked on a live project that
involved developing api, testing api and finding bugs from website.The
project name style, urban api and guru.in
4.2 Urban api
Making api for surveys,in blog perform crud operations
Figure: Example of a Dashboard
4.3 Collection Dashboard
The collection dashboard allowed users to view and manage data related to
collections. It included features for filtering and sorting data, as well as
generating reports.
4.4 Credit Dashboard Changes
The credit dashboard was updated to include new features for managing
credit data. These changes involved updating the UI and adding new
functionalities.
4.5 Code
The code for the project was organized into different modules, each
responsible for a specific part of the application. The frontend was
developed using React, while the backend was built with Node.js and
Express.js. MongoDB was used as the database.
Figure: Example of Code Structure
4.6 Results
The project was successfully completed and deployed. It provided a
comprehensive solution for managing the company’s operations and
received positive feedback from the users
15
Conclusion
From my internship at Notion Infosoft, I was able to get a better
understanding of how the industry works and how effective it is. I
enjoyed working with the Notion Infosoft team to devise and
implement different development skills. But I still have a long way to
go in understanding another development with new languages and
scripting, and I require to build up my public speaking skills as well.
Overall, I found the Industrial internship experience to be positive,
and I am thankful to our mentor Mr. Vinod , and I am sure I would be
able to use the skills I learned in my career later.
16
INTERNSHIP CERTIFICATE
17
