(MEVN Stack) build a PWA & Machine Learning E-Commerce APP

Learn to install Git, set up version control, and push your project to GitHub while using it as a command-line tool for managing code.

install and verify node.js from nodejs.org, ensure the runtime environment is set up, then install Vue CLI to create Vue projects, and prepare the database.

Create a specific item component in a MEVN stack ecommerce app, load dynamic item data, and configure routes and links for item detail views.

Install and use the Vue Devtools extension in your browser to inspect views and debug your MEVN stack PWA e-commerce app, aiding efficient development.

Implement a Vuex action inside the specific item component to fetch an item by id via http request, await the result, and return it without committing, enabling dynamic item data.

Create a vuex categories module for the mevn stack pwa e-commerce app. Define state with categories (id, name) and add actions to fetch the categories list.

Integrate the categories Vuex module into a specific item component to manage category data in the MEVN stack e-commerce app, using the get categories action with the category id.

Create a cart component added to the header, wiring a cart structure with items, quantity, price, and total, and enable removing items from the cart.

Create a dynamic cart experience by wiring the cart store inside the cart component, displaying dynamic item images, names, and descriptions, and implementing quantity and price handling with filters.

Create an authentication store module to manage isLogin and isAdmin flags, with getters, actions to login/logout, and mutations to update state, including local storage handling.

Build and refine the products admin component in show and edit modes, loading and editing product data (name, description, price, categories) and toggling the form visibility to manage product details.

Develop a products admin edit mode in a MEVN stack app, wiring onchange handlers, category selection, data binding, and save and delete actions for live product updates.

Fix a bug in the site template by removing a slide, correcting misspellings in the options, saving changes, and validating the updated ui when clicking through to the next picture.

Set up a pie chart component and dynamic data in the MEVN stack PWA, importing the chart libraries and configuring data, colors, and a legend.

Add a manifest file to your PWA to provide browser information, configure name, short name, start URL, display mode, orientation, background color, theme color, and icons for home screen install.

Set up a deploy folder, install Express and CORS, write an Express server to serve static assets, configure routes, and launch the app for deployment to Oracle.

Build and validate a categories API with express in a MEVN stack, covering create, read, update, and delete operations against a MongoDB categories collection.

Learn categories API routes with pagination by page number and page size, including get by page, get by id, update, and delete operations.

Configure the user API model by setting up environment variables and JWT secrets, build a user schema and model in MongoDB, and implement token generation for authentication.

Define and implement search routes for products and users in a MEVN stack PWA, using async requests, name and description filters, and machine learning integration.

Develop a machine learning module that uses authenticated user search data to fetch their recent queries and related products for machine learning powered search results.

Explore building the MEVN stack PWA with machine learning to process product data, apply reduce operations, call a machine learning API, and predict prices for devices like iPhone models.

Build a user-based recommendation flow in a MEVN stack, PWA, and machine learning ecommerce app, by using a user id to fetch likes and deduplicate results.

Clean up the index by organizing routes and modularizing code in the MEVN stack to support a PWA and machine learning e-commerce app, test, and handle errors.

Develop and manage user models for the store, purge test data, apply patches, handle tokens and responses, and update the user list and page numbers within admin components.

Learn to build a specific item component in a MEVN stack PWA e-commerce app, modeling item data, wiring API calls, and debugging to render category items.

Fixes a bug by properly handling local storage and rating data, ensuring machine learning completes before data returns. Identifies backend timing issues and outlines planned fixes.

Learn how to implement a user profile component in a MEVN stack PWA, including posting and editing user data, handling image uploads, content-type headers, and backend responses.

Build the admin products view in a MEVN stack app by wiring a paginated product list with edit mode, editing fields like id, name, description, price, and category.

Master admin product editing in a mevn stack pwa e-commerce app, validating name, description, price, and image, and implementing token-based update requests with alert handling and error messages.

Learn to implement a string function that builds a full name from a given input and validate it with tests, focusing on string handling in a MEVN stack PWA project.

Learn to test arrays with balanced unit tests, using a getCities function to return city names, and avoid tests that are too specific or too general.

Develop app-backend integration tests for the categories route, using before/after hooks, validating a 200 response and category data from the slush categories API.

Learn how to add unit tests to a Vue front-end, configure test scripts, mount components with Vue Test Utils, and run tests to validate the app.

Learn how to unit test the register function in the front end, validate email, password, and confirm password fields, and verify login data flows through view components.