MEAN Stack E-Commerce App: Angular, NX, PrimeNG [2023]

Install and configure the Morgan middleware to log http requests from the frontend, including posts, gets, puts, and deletes, using the tiny format and app.use.

Learn to use MongoDB Atlas or MongoDB Compass to browse and connect to databases, and import or export data using a ready dataset for deployment.

Seed the database with the provided export files and json seeds by importing categories, products, orders, order items, and users, along with the included product images.

Analyze the e-shop database to shape backend routes and schemas in mongodb. Define products, categories, users, orders, and order items with key fields and references for future growth.

Organize a Node.js backend by separating schemas into models and APIs into routers, then export modules and wire product routes with Express and app.use.

Fetches the categories list and a single category by id using get requests and find by id, with response handling and Postman testing.

Use Mongoose populate to replace category ids with full category details in product responses. Populate works with single and list get requests, pulling category data via object id references.

Define the user schema with name, email, password hash, and required fields, including address, phone, and admin flag, plus a front-end friendly virtual id for seamless registration.

Hash user passwords securely with bcrypt.js in a Node.js back end. Install the library, use bcrypt.hashSync with a salt, and compare hashes during login.

Learn how to fetch the list of users and a single user in a MEAN stack app, and exclude the password hash by selecting fields like name, phone, and email.

Pass secret data in the token, such as is admin, to restrict admin panel access and validate the token on the backend with a secret, not in the front end.

Build and test a user count API in the mean stack by reusing the product count pattern, validating with postman and enabling delete operations.

Implement order and order item schemas in mongoose, linking orders to multiple items and items to products, with shipping details, total price calculation, default pending status, and a user reference.

Retrieve orders with an authenticated get request, populate user details by name, add new orders, and show products in order items with category via nested populate.

Learn to update an order status with a put request using an order id, updating only the status from pending to processed to shipped to delivered, verified via Postman.

Master image uploads for products with multer in a mean stack app, configuring destination and file names, validating png/jpeg files, testing via postman, and handling single and gallery image URLs.

Define a file type map of allowed image mime types (png, jpeg, jpg) and validate uploads by deriving extensions from mime types, rejecting non-image files such as pdf.

Install angular CLI globally with npm, resolve mac permission issues with sudo, verify via ng help, and create a desktop workspace for angular applications and libraries.

Build a practical Angular app by using modules that contain components and services. Components fetch data through services from the backend to display product lists and product details.

Explore a real-world NX monorepo with eShop, blog, and admin apps, using shared libraries, services, and a state store for login, cart, and orders.

Create the admin panel app in the NX monorepo alongside the eshop, using angular with sass styling and optional routing, then serve both apps on separate ports.

Learn how the nx vscode extension speeds angular development by generating components via a GUI with dry-run previews, options for path, module, style (scss), and selector.

Export library components and services via a central index and import them using tsconfig paths. Unify workspace paths so UI modules in products reuse shared libraries without path issues.