MEAN Stack Logo

MEAN Stack Tutorial

The MEAN Stack


Welcome to the MEAN Stack Tutorial final project by A5 Group 1. This website comprises information and tutorials for creating a [really] MEAN technology stack, one of several "technology infrastrctures" that are compositions of technology services used to build and run a single application. Furthermore, we cover the process of using it to deploy your very own web application!

But what does it MEAN?
MongoDB - General purpose, document-based, distributed database built for modern application developers and for the cloud era.
ExpressJS - Minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications.
AngularJS - Structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax.
NodeJS - Asynchronous event-driven runtime designed to build scalable network applications, built on Chrome's JavaScript engine.

Visit our resources for detailed information on these technologies and how they work together!

MEAN stack diagram

To demonstrate usage of the MEAN stack, our application coding team have built and provided a QR code generator which can be freely tested right here on our web page.

What is a QR code?
In simple terms, it is a type of barcode that holds machine-readable information which be accessed by scanning it, commonly with an optical scanner such as that of a smartphone camera, among others. The most noticable difference between QR and standard barcades (aside from the types of devices that their information can be read with) is the arrangement: one comprised of vertical lines, the other in squares, respectively. Upon scanning a QR code, the data contained translates back to its original form that can be comprehended by humans. But what makes it so special? They can hold large amounts of data, can be quickly read, and can be scanned instantly and easily by just about any smartphone.

To explore the anatomy of these simple, yet detailed technological marvels, we have accompanied our App Demo with a brief explanation to refer to as you test our generator - written in JavaScript and hosted on our very own MEAN stack!

To get started with creating your own tech stack and web application, check out our step-by-step tutorials to learn how it's done and start coding today!