MEAN Stack Architecture

MEAN is a free and open-source JavaScript software stack for building dynamic websites and web apps. It is very simple & easy to use for both back-end and front-end. In other technologies, there are different languages used for front and back-end but however, MEAN is written in one language for both server-side and client-side execution. Working of MEAN Stack is explained below in the figure properly.

MEAN Stack Architecture Explanation

  1. When the client makes any request it is firstly processed by the AngularJS. AngularJS is a client-side language in JavaScript.
  2. After that, the request enters phase 2 which is NodeJS. NodeJS is a server-side language in JavaScript.
  3. In phase 3, which is ExpressJS makes the request to the database.
  4. MongoDB retrieves the data & returns the response back to the ExpressJS.
  5. Then ExpressJS sends a response back to the NodeJS and then NodeJS forwards it to the AngularJS to display the result.

AngularJS (Client-Side)

AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and allows you to extend HTML’s syntax to express your application’s components clearly and succinctly. AngularJS data binding and dependency injection eliminate much of the code you currently have to write. And it all happens within the browser, making it an ideal partner with any server technology.

  1. AngularJS is a browser-independent powerful JavaScript-based data binding UI framework to create RICH Internet Application(RIA).
  2. It provides developers with options to write a client-side application (using JavaScript) in a clean MVC (Model View Controller)
  3. An open-source, completely free, and used by thousands of developers around the world. It is licensed under the Apache License version 2.0.