Creating a MEAN application: Part 1
20th Aug 2022 by Aneesh Mistry

MEAN Application: Part 1

In this 5-part series we will look at how to create a MEAN application. A MEAN application uses Mongo DB, Express JS, Angular and Node JS to create a full-stack application. This first part of the series will create the bare-bones of our angular application. We will create a personal diary that displays our posts in a table. We will be able to add, delete and update posts within the application and to store the data in an array.

Link to source code: https://github.com/4neesh/MyDiary

🕒 Timestamps 🕒

00:00 - Introduction 00:41 - Setting up Angular 03:22 - Adding Bootstrap 3 04:27 - Creating a HTML Table 05:50 - Angular Shared Services 07:55 - Populating data from an array 09:02 - Adding action buttons to each entry 09:47 - Deleting diary entries 11:14 - Angular Subjects 13:39 - Angular Reactive Forms for adding entries 20:07 - Editing a Diary Entry

YouTube video link


Share this post