Presentation on MERN Stack Development by Lokesh Yogi

1. MERN STACK DEVELOPMENT
Presented by:
Lokesh yogi
Roll no – 20EAICS085
Presentation on
Presented to :
Mr. Pawan Sen
HoD, CSE Department
Arya College of Engineering, Kukas, Jaipur

2. AGENDA
MERN
STACK
2
INTRODUCTION
MERN STACK & ITS
WORKING
REACTJS
MONGODB
NODEJS
EXPRESS
PROJECT

3. INTRODUCTION
MERN
STACK
3
MERN : MERN stands for MongoDB, Express.js, React,
and Node.js. It's a full-stack JavaScript framework that
enables developers to build scalable and efficient web
applications.
Stack : In the context of the MERN stack, the term
"stack" refers to a combination of software
components or technologies that work together to
provide a complete solution for building web
applications.
i.e. MERN, MEAN, MEVN, PERN, etc.

4. WORKING OF MERN
STACK
MERN follows a 3-tier architecture:
frontend (React) for user interface,
backend (Express.Js and Node.Js) for
server logic, and database (MongoDB)
for data storage, providing a cohesive
development environment.
4
MERN
STACK

5. REACTJS
MERN
STACK
5
• React is a JavaScript library for building user
interfaces, maintained by Facebook.
• React allow us to create reusable components for
efficient development.
• React is used to build single page applications.
• React Router is a library for handling navigation in
React applications.
• React Hooks are functions that let you use state and
other React features in functional components.

6. FEATURES OF
REACT
MERN
STACK
6
Virtual DOM
JSX
Component
Based
Architecture
Declarative
UI
One Way
Data
Binding
React
Native

7. MONGODB
MERN
STACK
7
• MongoDB is a NoSQL document database, providing
flexible, JSON-like data storage.
• Documents are grouped into collections, which are
similar to tables in relational databases.
• Each document in MongoDB has a unique identifier
called ObjectId.
• MongoDB is schema-less, meaning you can insert
data without a predefined structure.
• Documents can contain nested structures, making it
flexible for different data types..

8. FEATURES OF
MONGODB
MERN
STACK
8
FAST
USE OF
JAVASCRIPT
SCALABLE
SCHEMA
LESS
JSON
FORMAT
SIMPLE
SETUP

9. SQL VS NOSQL DATABASES
9
MERN
STACK

10. NODEJS
MERN
STACK
1 0
• Node.js is a server-side JavaScript runtime
environment, enabling server-side scripting with
JavaScript.
• Node.js uses a module system that allows you to
organize your code into separate files.
• Node Package Manager (NPM) manages
dependencies, fostering a robust ecosystem of
libraries and tools.
• Offers cross-platform compatibility, allowing
developers to use Node.js on various operating
systems..
• Supports asynchronous programming, enhancing
performance by handling multiple tasks.

11. EXPRESS
MERN
STACK
1 1
• Express.js is a minimal and flexible Node.js web
application framework, simplifying server-side
development.
• Creating a basic server with Express is
straightforward.
• Express supports various HTTP methods like GET,
POST, PUT, and DELETE.
• Express makes it easy to serve static files using the
express.static middleware.
• Scales easily for building both small-scale and large-
scale web applications..

12. WORKING OF EXPRESS
1 2
MERN
STACK

13. PROJECT
PRESENTATION
TITLE
1 3
BookBreeze is a robust MERN stack e-
commerce platform developed during a 45-
day industrial training. It seamlessly
integrates Node.js, React.js, and MongoDB,
offering features like book catalogue
management, and secure payment processing
through Razorpay. The project showcases a
well-structured file system, intuitive user
interface, and emphasizes data security
BookBreez (Online Book Retailer)

14. 1 4
MERN
STACK

15. 1 5
MERN
STACK

16. THANK YOU