Chapter 3. Introducing the Social Networking Project

Now that I’ve introduced the components of a MEAN application, in this chapter you will use those components to build a practical application.

The application will look similar to Twitter. There will be a main page showing the newest posts, and there will be a profile page for each user showing their recent posts. As you explore different parts of the application, I’ll introduce new features such as live updating via WebSockets.

To start, you’ll build a page showing the most recent posts. Posts will be anonymous until you add some authentication.

Creating a Static Mockup of the Recent Posts Page

The first step is to build a static mockup page with HTML and Bootstrap (http://getbootstrap.com ...

Get Write Modern Web Apps with the MEAN Stack: Mongo, Express, AngularJS, and Node.js now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.