A comprehensive step by step tutorial means starting to build complete MEAN stack Angular 9 realtime CRUD web app from scratch to fully functional web app. Realtime CRUD web app is the create, read, update, and delete operation in realtime response. Every change or new data that created will automatically read by the client without reloading or refresh the browser or re-initiate component in Angular 9. This time we will build a data entry for item sales which response as a realtime list and pie chart.

This tutorial divided into several steps:

• Step #1: New Node Express.js App using Express Generator
• Step #2: Install Mongoose.js and Socket.io
• Step #3: Add Mongoose Models or Schemas
• Step #4: Add Express and Socket.io Real-time Router
• Step #5: Create a New Angular 9 App
• Step #6: Add Angular 9 Routing and Navigation
• Step #7: Add Angular 9 Service
• Step #8: Show Realtime Angular Material List and Pie Chart
• Step #9: Show Details using Angular Material
• Step #10: Create Data using Angular Material Reactive Forms
• Step #11: Edit Data using Angular Material Reactive Forms
• Step #12: Run and Test a Complete MEAN Stack Angular 9 App

#angular