MERN Stack E-Commerce Mobile App with React Native [2023]

Install mongoose and connect your app to cloud MongoDB with the connection string, create eshop-user and eshop-database, then whitelist IPs for a successful connection.

Set up product and category schemas and expose product data as json to frontend. Create endpoints for listing, detail by id, CRUD operations, with category linkage and featured filtering.

Build the product model and schema with mongoose, defining required fields, defaults, and refs. Link to categories via category ID and ObjectID, including price, stock, rating, reviews, and date created.

Define the category model with name (required string), icon name, and color (hash string) for front-end display, and create the category API to enable management.

Learn to implement a category API to add and delete categories with mongoose, using router.post and router.delete, handling request.body and request.params.id with proper responses.

Fetch the categories list using a get method and find to return category data. Fetch a single category by id with findById and respond with status 200 or an error.

Update a category via router.put by ID in params and new data in the body (name, icon, color), return the updated document with new: true, and test with Postman.

Post a new product via the rest api by validating the category, saving the product with async/await to the database, and returning errors or the created product.

Rest api endpoints for a MERN app by listing products with find and retrieving a product with findById. Use select to return name and image, excluding id, for performance.

Demonstrates using MongoDB populate to replace category IDs with full category details in product responses. Retrieve single products and product lists with populated category data via get requests.

Update a product REST API demonstrates updating product details via put requests, validating the category, returning the updated product, and ensuring frontend form prefill and database reflection.

Learn to delete a product via REST API with validation, using Mongoose isValidObjectId to reject invalid IDs and return meaningful errors.

Create a get/count API endpoint to return the product count for admin statistics using mongoose count documents. Test with Postman to show the admin how many products exist.

Build a get featured products api that returns only items with is_featured true, with an optional count limit and proper type conversion for request parameters.

Learn to filter products by category using query parameters in a MERN stack app, passing comma-separated category IDs and filtering with find to return matching products.

Create a Mongoose virtual to map _id to id for frontend friendliness. Enable virtuals in the product schema so API responses expose id without underscores.

Enroll in this module to learn creating a robust user api with authentication, jwt, password hashing, and protected admin and user routes in a mern stack app.

Define a user schema with required fields: name, email, passwordHash, and phone, plus address. Include an admin flag and enable virtuals for a front-end friendly id, then export the module.

Register a new user by posting a JSON body to the users API and mapping fields to the user model. Validate and view the created record in the database.

Hash user passwords in the backend with bcrypt.js, installed via bcryptjs, using hashSync and a salt; then compare the hash during login.

Create get endpoints for listing users and a single user in a MERN stack app, and exclude passwordHash to expose only name, phone, and email.

Learn to implement a login rest api that authenticates a user by email and password using bcrypt, issues a json web token signed with a secret, and sets token expiry.

Protect the API by validating user tokens with a jwt middleware. Implement express-jwt, compare tokens against a secret, and handle unauthorized errors to secure routes.

Centralize api error handling in backend middleware with app.use to return json messages and status codes, and classify errors by type, such as unauthorized or validation errors, for front-end clarity.

Exclude login, register, and public product endpoints from authentication using express jwt with path, method, and regex rules to keep the api secure.

Learn how to embed secret user data like isAdmin into tokens to control access to the admin panel, and why token verification on the backend prevents front-end forgery.

Use jwt tokens carrying userId and isAdmin to enforce role-based access in a mern stack e-shop, implement isRevoked with expressJwt, and restrict admin actions to the admin panel.

Learn how to implement a get user count rest api, mirroring the product count api, using get requests and postman validation, including login and register integration.

Explore building and managing orders in a MERN stack e‑commerce app, covering checkout, address autofill from user data, product linkage to orders, and admin order state control with Postman.

Implement the order and order item schemas in mongoose, linking orders to multiple order items via ids array, with product references, shipping address, date ordered, and a pending default status.

Shows how an order links to its items and products via an array of order items with quantities, sending the user ID and product IDs to the backend.

Learn to implement a create order flow in a MERN app by posting orders, creating order items first, obtaining their IDs, and linking them to the new order with Mongoose.

Learn to fetch orders, authenticate requests, and populate user data and order items with products and categories, using date-based sorting to view newest orders.

Update order status using a put request to modify only the status field, enabling transitions from pending to delivered, with delete order and exercise to remove associated order items.

Delete the order, then iterate over its items with a map to delete each order item by id using async awaits, and return status 200 when all deletions succeed.

calculate the total price of an order by using order items from the database as the source of truth, multiplying by quantities, and summing with reduce in the backend.

Learn to compute total e-shop sales with a MongoDB aggregation using $sum in Mongoose, returning totalSales from orders via a get route for the admin dashboard.

Fetch a user's order history via the get user orders api using the user id parameter. Populate order items with products and sort by date ordered from newest to oldest.

Explore uploading product images with the Mutler library in a Node.js backend, configuring destinations and file types, testing with Postman, and enabling multiple gallery uploads with image URL retrieval.

Learn to configure the backend to handle file uploads with multer, including disk storage, unique file naming, and constructing accessible URLs for uploaded images.

Test image uploads in the MERN stack e-commerce app using Postman by sending product fields and a file as form data, authenticated with a bearer token.

Define a file type map and validate uploads by mime type to allow png, jpeg, and jpg in the backend, with clear invalid type errors.

Validate image uploads by checking request.file and returning an error if no file, ensuring every product post includes an image, with upcoming support for multiple images in one request.

Update a product image via put request by conditionally uploading a new image and updating the image URL, or preserving the existing image when none is provided.

implement a dedicated put endpoint to upload a product gallery with multiple images in a MERN stack app, processing an images array and updating only the gallery.

Exclude the uploads folder from authentication by serving public/uploads as a static path in Express, and set up routes for categories, orders, products, and users to connect backend to frontend.