Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Upload

Welcome to Scribd!

  • 27 views

    DGI Project MERN Technology

    Uploaded by

    muskan rai

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd

    DGI Project MERN Technology

    Uploaded by

    muskan rai
    27 views15 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    27 views15 pages

    DGI Project MERN Technology

    Uploaded by

    muskan rai

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    You are on page 1of 15

    PROJECT PRESENTATION -

    MERN stack technology


    Dronacharya Group of
    Institution Greater
    Noida
    NAME- Anshika Srivastava
    ROLL NO.-12013
    B.Tech -4year (8th-sem)
    BRANCH-CSE
    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.
    STACK
    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
    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

    4
    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

    5
    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.
    1. Mongo DB

    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.

    7
    2. Express JS
    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.

    8
    3. React JS/ Redux
    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
    9
    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.

    10
    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.

    11
    Why to use MERN Stack for
    Building e-Commerce Websites?
    MERN Stack for e-commerce website
    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.
    PROJECTS-
    -anshii.herokuapp.com
    -react project user profile (LinkedIn clone)
    THANKYOU

    You might also like