The document presents an overview of the MERN stack technology, which consists of MongoDB, Express.js, React.js, and Node.js, aimed at facilitating web application development. It outlines the advantages of using the MERN stack, including the ease of managing a single programming language across both front-end and back-end development. Additionally, it highlights the importance of the stack in building scalable and efficient e-commerce websites, emphasizing performance and loading time relevance.

1. Dronacharya Group
of Institution
Greater Noida
PROJECT PRESENTATION -
MERN stack technology
NAME- Anshika Srivastava
ROLL NO.-12013
B.Tech -4year (8th
-sem)
BRANCH-CSE

2. What is MERN Stack
A stack is the mixture of technologies used to
create Web applications. Any web application will
be made utilizing various technologies like
(frameworks, libraries, databases).
-The MERN stack is a JavaScript stack that is
intended to make Application Development
process smoother.

3. A “stack” refers to any combination of coding languages, tools, and
frameworks developers use to create software products for their
clients.
A stack contains different layers of components that play a vital
role in the process of software product creation.
• Client-side - front-end (HTML, CSS, JavaScript)
• Server-side - back-end (OS, web server, programming language,
web framework, databases)
3
STACK

4. 4
Choosing the Right Stack for your
Project-
Unfortunately, that isn’t always the right criteria for choosing the
best type of “stack”. Many factors come into play here, like:
• Type and size of the project
• Team expertise and knowledge bases
• Time to market
• Scalability
• Maintainability
• Cost of the overall development

5. 5
What is a MERN Development Stack?
MERN is an acronym used to describe a specific set of
JavaScript based technologies that are used in the web
application development process. It is designed with an idea to
make the development process as smooth as possible. MERN
includes the following open-source components:
• Mongo DB
• Express JS
• React JS/ Redux
• Node JS

6. Every single one of these components plays a crucial
role in the web app development process. All of these
provide an end-to-end framework for developers to
work in. For instance, Mongo DB is a database system,
Node JS is a back-end runtime environment, Express JS
is a back-end web framework and React is a front-end
framework.

7. 7
This is a free open-source, cross-platform document-oriented
database program. It is classified as a No SQL database program,
which means that data is stored in flexible documents with JSON-
based query language. This also means that the size of the content
number of fields in the documents tends to vary. The whole data is
structured in a way to be prone to change over time.
MongoDB is known as a flexible solution that is always easy to
scale.
1. Mongo DB

8. 8
This is also a free, open-source software, it can be classified as a
web application framework for Node.js. To be more precise, Express
JS is made for developing web apps and APIs.
Instead of manually writing full web server code in Node.js,
developers use this MERN component to simplify the coding
process. The best feature of this framework is that devs don’t repeat
the same code over and over, as they would with writing Node.js
code in the HTTP module.
2. Express JS

9. 9
This is a JavaScript library used for building user interfaces.
Originally created by a software engineer who worked for Facebook,
React was later on open-sourced.
This specific library is often used for creating views rendered in
HTML. The views that you create in Reach declarative, which means
that you don’t have to deploy additional time on managing the
changes and effects they have on the data.
React uses a full-featured programming language (JavaScript) to
construct repetitive or conditional DOM elements.
With React, the same code can run on both the server and the
browser
3. React JS/ Redux

10. 10
4. Node JS
Originally built for Google Chrome and later on open-sourced,
Node JS is a cross-platform run-time JavaScript environment
used for executing JavaScript code outside of a browser.
JavaScript was originally used for front-end scripting, but Node
JS has enabled devs to use it to write command line tools and
back-end scripts for the purpose of creating dynamic web page
content before the page is sent to the user's web browser.
Node JS was designed with an idea of allowing devs to build
scalable network applications.

11. 11
The Main Benefit of a MERN Stack
• JavaScript is everywhere. It is used both on the front-end and
back-end side. Because of this, there’s no need for context
switching.
• MRN is JavaScript-based, devs only need to master a single
coding language, which makes things a million times easier.
• building dynamic web applications in no time.

12. Why to use MERN Stack for
Building e-Commerce Websites?

13. The main thing about an e-commerce website development is the trunk end
functionality. You can find hundreds of tens of thousands of requests that ping every
minute from all over the world. The backend must support the data fetching from
the server and display it in the front end. In addition to that, there are certainly a lot
of other elements such as for instance logistics, payment gateways, supplier
management, and more. These sophisticated features take a toll on the entire
performance of the site. So, to transport out such complex tasks and to keep
powerful round the clock, the trunk end should be robust and scalable otherwise,
the front end also collapses.
The crucial component of any successful e-commerce website is its loading time.
The backend processing should be significantly less than 20% or more than the
entire loading time. If your website is slow, then this means you're losing a big level
of potential customers.
MERN Stack for e-commerce website

14. PROJECTS-
-anshii.herokuapp.com
-react project user profile (LinkedIn clone)

15. THANKYOU