SlideShare a Scribd company logo
3
Most read
5
Most read
12
Most read
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
MERN Stack Technology
.
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.
Seminar report based on Mern stack web technology
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
Seminar report based on Mern stack web technology
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.
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Suspendisse sed purus hendrerit,
consequat eros at, faucibus leo.
Duis ornare tempus lacus id
porta.
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Suspendisse sed purus hendrerit,
consequat eros at, faucibus leo.
Duis ornare tempus lacus id
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
THANK YOU

More Related Content

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

PPTX
New MERN technology -.pptx HTML, CSS, Bootstrap, DBMS, PHP, JS, React, Final ...
ShivKaushik8
 
PPTX
DGI-project-MERN technology blog web.pptx
avinashsahoo78
 
PPTX
Introduction to MEAN Stack What it is and How it Works.pptx
QuickwayInfoSystems3
 
PPTX
Building Applications With the MEAN Stack
Nir Noy
 
PDF
2025’s Ultimate Tech Stack Cheat Sheet for Building Killer Web Apps
ScalaCode
 
PPTX
Introduction to MERN
ShyamMohanKunwar
 
PPTX
MERN_Stack_PPT.pptx
irajgautam00
 
PDF
slidesgo-mastering-the-mern-stack-building-scalable-web-applications-20240808...
RituPatil29
 
DOCX
Introduction to MEAN Stack - A Perfect Guide.docx
Zoople Technologies
 
PDF
React.js vs Node.js: Overview, Use Cases, and Key Features
Agile Infoways LLC
 
PPTX
Introduction to mern
Ducat
 
PPTX
web development with mern stack in power point
RAMKUMARRIT20
 
PPTX
Final year presentation topicssssss in 1
RAMKUMARRIT20
 
PPTX
Introduction to MERN Stack
Surya937648
 
PPTX
Best Full stack training Institute in Rohini
gs5545791
 
PPTX
Get MERN Stack Training in Noida
ShapeMySkillsPvtLtd
 
PPTX
Industrial Training.pptx
SamraatBansal1
 
PPTX
React And Express Tutorial
Simplilearn
 
PPTX
Java script framework
Debajani Mohanty
 
PDF
10 Best Node.js framework choices for app development in 2024 and Beyond
Agile Infoways LLC
 
New MERN technology -.pptx HTML, CSS, Bootstrap, DBMS, PHP, JS, React, Final ...
ShivKaushik8
 
DGI-project-MERN technology blog web.pptx
avinashsahoo78
 
Introduction to MEAN Stack What it is and How it Works.pptx
QuickwayInfoSystems3
 
Building Applications With the MEAN Stack
Nir Noy
 
2025’s Ultimate Tech Stack Cheat Sheet for Building Killer Web Apps
ScalaCode
 
Introduction to MERN
ShyamMohanKunwar
 
MERN_Stack_PPT.pptx
irajgautam00
 
slidesgo-mastering-the-mern-stack-building-scalable-web-applications-20240808...
RituPatil29
 
Introduction to MEAN Stack - A Perfect Guide.docx
Zoople Technologies
 
React.js vs Node.js: Overview, Use Cases, and Key Features
Agile Infoways LLC
 
Introduction to mern
Ducat
 
web development with mern stack in power point
RAMKUMARRIT20
 
Final year presentation topicssssss in 1
RAMKUMARRIT20
 
Introduction to MERN Stack
Surya937648
 
Best Full stack training Institute in Rohini
gs5545791
 
Get MERN Stack Training in Noida
ShapeMySkillsPvtLtd
 
Industrial Training.pptx
SamraatBansal1
 
React And Express Tutorial
Simplilearn
 
Java script framework
Debajani Mohanty
 
10 Best Node.js framework choices for app development in 2024 and Beyond
Agile Infoways LLC
 

More from Mm071 (14)

PPTX
AI987654312356787766somu5654444444 ppt.pptx
Mm071
 
PPTX
WEB COMPONENTS AND CUSTOM ELEMENTS PRESENTATION.pptx
Mm071
 
PDF
ppT.pdfabcddefgjijklmnppqrstuvwxyzsomyay
Mm071
 
PPTX
Cloud-Native-Applications-The-Future-of-Development.pptx
Mm071
 
PPTX
Edge-Computing-and-Its-Integration-with-Cloud-Computing.pptx
Mm071
 
PDF
Cyber_Security_newppt exporting the formation
Mm071
 
PPTX
SEMINAR..9887644433322222223444488..pptx
Mm071
 
PPTX
REPORT Sentiment_Analysis_of_Social_Media (5).pptx
Mm071
 
PPTX
Seminar pfgguuuytyyuuyyyyggpt Smruti.pptx
Mm071
 
PPTX
Saswnnnmkkati1273828292982929928282.pptx
Mm071
 
PPTX
RASHMITA PPT xx somusheeee xxxxxxxx.pptx
Mm071
 
PPTX
English Art Integrated Project Somuxx.pptx
Mm071
 
PPTX
Fornt End Web Development domu 12345.pptx
Mm071
 
PPTX
Mathematics Art Integrated somu project.pptx
Mm071
 
AI987654312356787766somu5654444444 ppt.pptx
Mm071
 
WEB COMPONENTS AND CUSTOM ELEMENTS PRESENTATION.pptx
Mm071
 
ppT.pdfabcddefgjijklmnppqrstuvwxyzsomyay
Mm071
 
Cloud-Native-Applications-The-Future-of-Development.pptx
Mm071
 
Edge-Computing-and-Its-Integration-with-Cloud-Computing.pptx
Mm071
 
Cyber_Security_newppt exporting the formation
Mm071
 
SEMINAR..9887644433322222223444488..pptx
Mm071
 
REPORT Sentiment_Analysis_of_Social_Media (5).pptx
Mm071
 
Seminar pfgguuuytyyuuyyyyggpt Smruti.pptx
Mm071
 
Saswnnnmkkati1273828292982929928282.pptx
Mm071
 
RASHMITA PPT xx somusheeee xxxxxxxx.pptx
Mm071
 
English Art Integrated Project Somuxx.pptx
Mm071
 
Fornt End Web Development domu 12345.pptx
Mm071
 
Mathematics Art Integrated somu project.pptx
Mm071
 
Ad

Recently uploaded (20)

PDF
Set Relation Function Practice session 24.05.2025.pdf
DrStephenStrange4
 
PDF
Design Thinking basics for Engineers.pdf
CMR University
 
PDF
Pressure Measurement training for engineers and Technicians
AIESOLUTIONS
 
PPTX
Hashing Introduction , hash functions and techniques
sailajam21
 
PDF
GTU Civil Engineering All Semester Syllabus.pdf
Vimal Bhojani
 
PDF
AI TECHNIQUES FOR IDENTIFYING ALTERATIONS IN THE HUMAN GUT MICROBIOME IN MULT...
vidyalalltv1
 
PDF
Biomechanics of Gait: Engineering Solutions for Rehabilitation (www.kiu.ac.ug)
publication11
 
PPT
Carmon_Remote Sensing GIS by Mahesh kumar
DhananjayM6
 
DOCX
CS-802 (A) BDH Lab manual IPS Academy Indore
thegodhimself05
 
PPTX
Shinkawa Proposal to meet Vibration API670.pptx
AchmadBashori2
 
PPTX
Day2 B2 Best.pptx
helenjenefa1
 
PDF
PORTFOLIO Golam Kibria Khan — architect with a passion for thoughtful design...
MasumKhan59
 
PDF
MAD Unit - 2 Activity and Fragment Management in Android (Diploma IT)
JappanMavani
 
PDF
International Journal of Information Technology Convergence and services (IJI...
ijitcsjournal4
 
PPTX
DATA BASE MANAGEMENT AND RELATIONAL DATA
gomathisankariv2
 
PPTX
artificial intelligence applications in Geomatics
NawrasShatnawi1
 
PPTX
Solar Thermal Energy System Seminar.pptx
Gpc Purapuza
 
PPTX
VITEEE 2026 Exam Details , Important Dates
SonaliSingh127098
 
PPTX
原版一样(Acadia毕业证书)加拿大阿卡迪亚大学毕业证办理方法
Taqyea
 
PPTX
Green Building & Energy Conservation ppt
Sagar Sarangi
 
Set Relation Function Practice session 24.05.2025.pdf
DrStephenStrange4
 
Design Thinking basics for Engineers.pdf
CMR University
 
Pressure Measurement training for engineers and Technicians
AIESOLUTIONS
 
Hashing Introduction , hash functions and techniques
sailajam21
 
GTU Civil Engineering All Semester Syllabus.pdf
Vimal Bhojani
 
AI TECHNIQUES FOR IDENTIFYING ALTERATIONS IN THE HUMAN GUT MICROBIOME IN MULT...
vidyalalltv1
 
Biomechanics of Gait: Engineering Solutions for Rehabilitation (www.kiu.ac.ug)
publication11
 
Carmon_Remote Sensing GIS by Mahesh kumar
DhananjayM6
 
CS-802 (A) BDH Lab manual IPS Academy Indore
thegodhimself05
 
Shinkawa Proposal to meet Vibration API670.pptx
AchmadBashori2
 
Day2 B2 Best.pptx
helenjenefa1
 
PORTFOLIO Golam Kibria Khan — architect with a passion for thoughtful design...
MasumKhan59
 
MAD Unit - 2 Activity and Fragment Management in Android (Diploma IT)
JappanMavani
 
International Journal of Information Technology Convergence and services (IJI...
ijitcsjournal4
 
DATA BASE MANAGEMENT AND RELATIONAL DATA
gomathisankariv2
 
artificial intelligence applications in Geomatics
NawrasShatnawi1
 
Solar Thermal Energy System Seminar.pptx
Gpc Purapuza
 
VITEEE 2026 Exam Details , Important Dates
SonaliSingh127098
 
原版一样(Acadia毕业证书)加拿大阿卡迪亚大学毕业证办理方法
Taqyea
 
Green Building & Energy Conservation ppt
Sagar Sarangi
 
Ad

Seminar report based on Mern stack web technology

  • 1. 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
  • 3. 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
  • 4. .
  • 5. 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
  • 6. 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.
  • 8. 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.
  • 10. 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
  • 12. 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.
  • 13. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sed purus hendrerit, consequat eros at, faucibus leo. Duis ornare tempus lacus id porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sed purus hendrerit, consequat eros at, faucibus leo. Duis ornare tempus lacus id porta.
  • 14. 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