Full Stack Web Development using the MERN stack and DEVOPS

Learn to design a user model in a MERN stack app using Mongoose, with name, email, password, role, and created date, then export the model.

Apply express-validator to validate user input, checking name, email, and password in a post route, handle validation results via middleware, and return 400 errors when needed.

Hash user passwords with bcrypt in a MERN stack app, generate salt, hash the password before saving, and replace plain text storage; prepare for JSON Web Tokens authentication next.

This lecture demonstrates using jsonwebtoken to issue signed tokens for front-end authentication, including payload creation, secret management, token expiration, and verification.

Create a React application in a client folder using npm to initialize with Create React App, then customize the interface and run the dev server on port 3000.

Master state management in a MERN app by building a Redux store, combining reducers, and wiring actions and middleware for a predictable data flow.

Learn to register a user in a MERN app by defining register success and failure types, posting with axios, and storing the token in local storage while updating authentication state.

Set authentication by persisting the user token in local storage, attaching it to Axios headers, and fetching the current user to update state across development and production environments.

Implement BrowserRouter and Route to load a landing background on the home path, while integrating a Redux store with Provider to make state available app-wide.

Learn to use componentWillReceiveProps to process server feedback, show validation arrows with a message component, handle successful signup, and route users based on the rule parameter.

Build a merchant dashboard in the MERN stack course using a free Bootstrap template to let merchants create products and publish them to customers.

Implement a get products action and reducer to populate the app with products, define action types and initial state, handle payload data and errors, and connect to the api.

Explore refactoring the dashboard to use a left navigation with active routes, replacing anchors with links, creating home and add product components, and implementing a dynamic active state across routes.

Learn to pass child props to dashboard routes, render nested components, and wire dynamic navigation in a mern-based front end.

Create a product form in a MERN app, wiring inputs for name, description, price, category, brand, and quantity while enforcing required server fields and submitting.

Set up the profile routes and API, and export the router. Fetch a profile using the user id, handle errors with proper responses, and distinguish private versus open routes.

Delete a user's data by removing their products, profile, and account from the database using mongoose queries. Test with postman and confirm a user details deleted message.

Create the profile by sending the state to the back end, dispatching the create profile action, and navigating to the dashboard/profile on success, with validation for address and bio.

Practice deleting a profile by testing front-end and back-end flows, creating a dummy profile, confirming deletion with a pop-up, removing local storage token, and returning to the homepage.

Learn to design cart and payment models in a mern app, using an array of product ids, user association, and paid and fulfilled flags with timestamps and planned stripe integration.

Master dynamic routing to the cart in a full stack course by managing redirects via query parameters, validating authentication, and syncing local storage products to the server.

Learn to build a cart component in a MERN stack app using Redux to fetch cart data, map state to props, and render empty cart with a keep shopping link.

Explore how to integrate Stripe for online payments in a MERN stack app, from creating an account and obtaining API keys to using Stripe React components and test cards.

Finalize the payment functionality by building and testing the payment api, creating payment records, updating carts and product quantities, and coordinating front-end and back-end flows.

Demonstrate creating a dockerfile and docker compose for a React-based MERN app, using a minimal Alpine base, a working directory, copying package.json, and npm install.

Learn to build and run a development docker container for a MERN app. Use the -f flag to specify the Dockerfile at the root, and install dependencies with npm install.

Build and organize test cases using the Moka documentation example, structure tests in a config folder, and run them inside a docker image via travis integration for coverage.

Set up a React test file, render the app into a test container, run the test suite to verify components without crashes, and guard against memory leaks while configuring Travis.

Create an app in app engine by selecting a region and a flexible environment, then complete the app creation, with region setup explained later in the course.

Learn to install and initialize the Google Cloud SDK from the terminal, troubleshoot IPv6 connection issues, and prepare for ci/cd deployment of a full stack app to Google Cloud.

Install and configure the Google Cloud SDK in a non-interactive travis ci workflow, decrypting the service account via environment variables and automating deployment to google cloud.

Learn to configure the GCP app.yaml for deployment, choose appropriate production or flexible environment settings, ensure scripts and defaults are correct, and deploy via Git push and CI tools.

Learn to handle file uploads with multer in a Node backend, using memory or disk storage and form data post requests. Prepare to connect to Google Cloud Storage next.

Learn complete image upload workflows in a MERN stack project, including server updates, sending a success message, and front-end notifications with thumbnails for product cards.

Learn to upload multiple images to products by updating a single api route, store image URLs in a product images array linked to cloud storage, and refresh the ui state.