Angular & NestJS - The Modern MEAN Stack Guide

Run a NestJS application from the terminal, start the server, and view the hello world endpoint at localhost:3000; enable development mode with npm run start --dev for live reload.

Create a courts controller with nest generate, wire it into the module, and expose a get courts endpoint returning hello from courts at /courts.

Learn to make a post request in NestJS with post and body decorators, create a create code dto for title and author, and test the endpoint with Postman on localhost:3000.

Replace the any type with a defined interface for the code payload, then create interfaces/code.interface and update the controller and service to use it.

Install and configure mongoose, import MongooseModule in the app module, and connect to MongoDB localhost/code using MongooseModule.forRoot to enable backend data persistence.

Define the code schema and inject the code model, then implement a create method in the service to persist new codes in MongoDB and test the API endpoints.

Create a new angular app by running ng new in your chosen directory with the app name course client, enable routing, select scss, and open the project in your editor.

Run the Angular app with ng serve --open to build and auto-launch in the browser on localhost:4200, then edit src/app/app.component.ts to update the title property and see live string interpolation.

Install and configure Angular Material to build the app UI with toolbar and card components, enabling gestures, animations, and theme setup through schematic and manual steps.

Craft a quotes page UI in the Angular and NestJS mean stack app using Angular Material cards, including mat-card header, title, content, and actions, with module imports and responsive styling.

Create a random color generator to assign hex backgrounds to avatars in an Angular component. Use a loop to produce six digits and apply the color with a style directive.

Connect the Barangaroo frontend to a NestJS api in the modern mean stack. Run the local server and fetch the get course request to display courses on the courses page.

Generate an Angular service for backend data manipulation with ng generate service, then inject http client, fetch data with get, subscribe to the observable, and log four courts.

Use the async pipe in Angular to automatically subscribe and unsubscribe from observables, binding data from a core service and simplifying cleanup in on destroy.

Define and apply a typed interface in Angular by generating an interface named code, with title and author properties, and using it in a service method.

Configure environment variables for development and production in Angular by editing environment files, defining a base URL, and using template strings or concatenation to build dynamic paths.

Deploy your application to the cloud by using MongoDB Atlas, create a cluster and a user, connect with the Atlas connection string, and verify data updates in production.

Deploy a NestJS app to Heroku by configuring process.env.port, setting production configs, creating a proc file, and pushing via git to expose the API and Swagger docs.

Wrap up the course by demonstrating how to create an api with mongodb and connect it to the Angular application, and invite learners to ask questions and help others.