�ݺ�ߣ

MERN Stack Web Technology
Presented By
Name – Abhisek Jena
Redg. No – 201289264
Roll No. – 04
Branch – CST A
Under The Guidance of Prof. Siba Prasad Pati
Seminar On
DEPARTMENT OF COMPUTER SCIENCE AND TECHNOLOGY
TRIDENT ACADEMY OF TECHNOLOGY , BHUBANESWAR

INTRODUCTION
MERN stands for MongoDB, Express, React, Node,
after the four key technologies that make up the
stack that is used for easier and faster deployment
of full-stack web applications.
MongoDB - document database
Express(.js) - Node.js web framework
React(.js) - a client-side JavaScript library
Node(.js) - the premier JavaScript web server

Client Requests
for Data
React requests to
fetch requested Data
Parse
Request
ExpressJs asks
MonoDB for Data
MongoDB returns
the requested Data
Request
returns
React gets
requested Data
Client gets Data
Displayed

How does MERN
Stack Works ?
 The user interacts with the web application's user interface, which is built using React components.
 React handles user interactions and updates the application state accordingly.
 Node.js provides the runtime environment for the backend application.
 Express.js acts as the web framework, handling incoming requests and routing them to appropriate controllers.
 When a request arrives, the Express server interacts with MongoDB to retrieve or store data.
 The processed data is then sent back to the frontend as a JSON response.
 MongoDB stores application data in a flexible and scalable manner.
 Data is typically stored in JSON-like documents, making it easy to work with in both the frontend and backend.

Seminar report based on Mern stack web technology

MongoDB
 MongoDB is a NoSQL database that stores data in
flexible, JSON-like documents.
 It’s used to store and retrieve data for the
application.
 In the MERN stack, MongoDB is typically used to
store user information, app data, and other forms
of data.
(Database)
 Functionality  Why Mongo ?
 Fast - Being a document-oriented database, easy to
index documents. Therefore a faster response.
 Scalability - Large data can be handled by dividing it
into several machines.
 Use of JavaScript - MongoDB uses JavaScript which is
the biggest advantage.
 Schema Less - Any type of data in a separate
document. Data stored in the form of JSON.
 Simple Environment Setup - Its really simple
to set up MongoDB.

ExpressJs
(Backend Web
Framework)
 Functionality  Why ExpressJs ?
 Express.js is a minimal and flexible Node.js web
application framework that provides a robust set
of features to build web and mobile applications.
 It handles routing, middleware, and request
handling on the server-side.
 Express.js acts as the backend of the application,
where it manages API routes and serves the data
to the frontend.
 It connects with MongoDB to perform CRUD
operations and sends data to the frontend via
HTTP requests.
 Minimalist and Lightweight: Express.js provides a lean
foundation for building web applications without unnecessary
overhead.
 Fast and Efficient: Built on Node.js, Express.js is renowned for its
speed and performance, making it suitable for handling high
traffic applications.
 Flexible and Customizable: Offers great flexibility to structure
your application as per your needs, without imposing rigid
conventions.
 Robust Routing System: Easily define routes for different HTTP
methods and URLs, enabling efficient handling of various
requests.
 Middleware Support: Powerful middleware system for handling
cross-cutting concerns like authentication, logging, error

ReactJs
(Frontend Library)
 Functionality  Why ReactJs ?
 React.js is a JavaScript library for building user
interfaces, particularly single-page applications
where data can change dynamically.
 It allows developers to create reusable UI
components and manage the state of their
application efficiently.
 React.js is used on the client side to build the user
interface.
 It communicates with the backend (Express.js) by
making HTTP requests to fetch or send data, which
is then displayed or updated on the front end.
 JSX (JavaScript XML) makes it easier and simpler to write
React components.
 ReactJS supports Components. These components also
promote code reusability and make the overall web
application easier to understand and debug.
 Virtual DOM: Optimizes performance by efficiently
updating only necessary parts of the UI.
 Large and Active Community: Provides extensive
support, resources, and third-party libraries.

EXPAND PLANS PRODUCT AND SERVICE MARKET SEGMENT
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Suspendisse sed purus hendrerit,
consequat eros at, faucibus leo.
Duis ornare tempus lacus id
porta.
porta.
porta.

NodeJs
(Server Environment)
 Where not to Use NodeJs ?
 Back-end services such as APIs.
 Highly scalable, data-intensive and real-time apps.
 I/O bounds applications.
 Single page applications.
 Functionality
 Node.js is a JavaScript runtime that allows
developers to run JavaScript on the server side.
 It is built on Chrome's V8 JavaScript engine and
enables the building of scalable network
applications.
 Node.js acts as the server environment for
running Express.js.
 It handles requests from the client,
communicates with MongoDB for data retrieval
or storage, and sends responses back to the
 Where to Use NodeJs ?
 Node.js is not used in CPU-intensive apps which
requires calculations done by CPU

�ݺ�ߣ

Seminar report based on Mern stack web technology

Recommended

More Related Content

Similar to Seminar report based on Mern stack web technology (20)

More from Mm071 (14)

Recently uploaded (20)

Seminar report based on Mern stack web technology