Seminar report based on Mern stack web technology

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 D EPARTMENT O F C OMPUTER S CIENCE A ND T ECHNOLOGY T RIDENT A CADEMY O F T ECHNOLOGY , BHUBANESWAR

2. MERN Stack Technology .

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.

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

8. 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 handling, and more

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

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

11. 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 client. Where to Use NodeJs ? Node.js is not used in CPU-intensive apps which requires calculations done by CPU

12. THANK YOU