This document presents an overview of the MEAN stack for developing web applications. It discusses each component of the MEAN stack: MongoDB for the database, ExpressJS for the server framework, AngularJS for the front-end, and NodeJS for runtime environment. It then provides examples of projects built with MEAN - a to-do web app, authentication system, website, and portfolio app. The document is a presentation by Roshan Tak on web applications using the MEAN stack.

1. WEB APP IN IN MEAN
STACK
By ROSHAN TAK

2. WEB APPLICATION IN MEAN
PROJECT PRESENTATION
BACHELOR OF TECHNOLOGY
Computer Science and Engineering
2015-18
Created and submitted by
ROSHAN TAK
(15EVJCS072)
Submitted to
MA’AM SONAL GARG

3. Content
• About Company.
• Web app in MEAN Stack.
• MongoDB.
• ExpressJS.
• AngularJS.
• NodeJS.
• Projects in MEAN
• Project 1: To do Web App.
• Project 2: Authentication System.
• Project 3: Apseed Web App
• Project 4: Portfolio Web App.
• References.
• Thankyou.

4. About Company
Naresh i Technologies (Pronounced: NareshIT) is a leading software training
institute providing Software Training, Project Guidance, IT Consulting and
Technology Workshops.
They serve Global 100 companies and the leading software vendors in Banking
& Financial Services, Insurance, Telecommunications, Technology and Media,
Information & Education industries. They design and mentor human resources
for their clients who create competitive advantage.
Founded in 2004 and headquartered in Hyderabad, India, they have offices and
training institutes throughout the India.

5. Introduction
The term MEAN stack refers to a collection of
JavaScript based technologies used to develop
web applications. MEAN is an acronym for
MongoDB, ExpressJS, AngularJS and Node.js.
From client to server to database, MEAN is full
stack JavaScript. This explores the basics of the
MEAN stack and shows how to create a simple
bucket list application.

6. What is MongoDB ?
• MongoDB is a free and open-source cross-platform
document-oriented database program.
• It is one of the most powerful NoSQL databases around
today.
• The data objects are stored as separate documents
inside a collection
• We don’t need to create the tables and rows seprately.
• One of the unique feature of MongoDB is it generates the
object ID.

7. What is Express.js?
• Express is a minimal and flexible Node.js web application
framework
• Express is an open source framework developed and maintained
by the Node.js foundation.

8. What is Angular.js ?
• AngularJS is perfect for Single Page Applications (SPAs).
• AngularJS is a JavaScript framework. It can be added to an HTML
page with a <script> tag.
• AngularJS extends HTML attributes with Directives, and binds data to
HTML with Expressions.
• AngularJS is easy to learn.

9. What is Single Page
Application ?

10. Example of Single Page
Applications
• Google Chrome
• Facebook
• Twitter
• Instagram

11. What is Node.js ?
• Node.js is an open source server environment
• Node.js is free
• Node.js runs on various platforms (Windows, Linux, Unix, Mac OS X, etc.)
• Node.js uses JavaScript on the server.
What can Node.js do ?
• Node.js can generate dynamic page content
• Node.js can create, open, read, write, delete, and close files on the server
• Node.js can collect form data
• Node.js can add, delete, modify data in your database.

12. • Buffer Free.
• Asynchronous Requesting.
• Multithreaded.
• Easy Routing.
• Flexible.

13. Creating Server with
Node.js

14. Asynchronous Requests

15. Projects
• To do List App.
• Authentication System.
• Simple Website.
• Portfolio App.

16. Todo Web App

17. Authentication System

18. Apseed Web App

19. Portfolio App

20. References
• www.google.com
• www.w3school.com
• www.nodejs.org
• www.mongodb.org

21. The project presentation by
Roshan Tak
Any Questions ?