New MERN technology -.pptx HTML, CSS, Bootstrap, DBMS, PHP, JS, React, Final Project, and Al in Web Development
- 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