NodeJs React Rest Summer Special 2020

Learn how to set up a Let's Encrypt certificate on Ubuntu, including stopping port 80, running a standalone server, and managing certificates in live and archive folders.

Create the frontend app skeleton by building nav and sidebar components, styling with styled components, and wiring an app provider (the brain) using React context and hooks.

learn to implement a toggle state utility in a react frontend app by copying a state object, toggling a specific key, and applying dynamic class names to reflect display state.

Demonstrates creating a reusable master content page pattern with a speckled data-image background, applied via class names and trickle-down props to feed and auth components.

Build two reusable components (button and text field) with styled components, integrate them into the authentication flow, and implement open id login with Facebook and Twitter icons.

Build and style a reusable text field component for a login form by wiring props, label, role, and on change, then render and style the input for accessibility and layout.

Learn to install and configure MongoDB on Ubuntu, create an admin user with roles, enable authorization, set the bind address for remote access, and verify connectivity with Robo 3T.

Generate public and private keys for token authentication, set up a config object for Let's Encrypt and paths, and export modules to support a Node.js Express REST API.

Fix empty payloads by wiring json body parsing in an express route, then seed a user in the users collection and enable authentication with base64 password decoding and token creation.

Create an asynchronous authenticate user function in Mongo module to process rest api login payloads, decode base64 credentials, and find a user with findOne, exporting and handling errors with try-catch.

Explain how to verify a user's password with bcrypt, compare it to a stored hash, and generate a JWT with user claims and scopes.

Track a login flow by generating an access token and user profile through a REST API, returning them in a 200 response, and preparing client-side handling of the data.

Authenticate users by decoding a base64 encoded jwt payload after a custom 702 verification code, extract the user object, and push to the profile route using history.

Implement login and logout using user and app contexts to manage JWTs and authorized state, dispatch reducers, update stores, route to the profile page, and handle loading and error states.

Investigate handling login errors with a custom error array, render messages in React, and build a complete authentication flow from login to MongoDB insertOne for registration.

Set up profiles and images, create a profiles folder, and test logging in as multiple users via a sidebar profile user interface to verify correct user data.

Build a dynamic sidebar profile component in a react app using usecontext to access the user object, conditionally render when logged in, and enable routing to the profile page.

Style the profile page with a three-column grid (left, center, right), set margins, apply a master content class, and prepare for posts and the feed once logged in.

Refactor the REST API to return a formatted object with a count and docs under a dynamic articles key, then send the object to the client and verify the response.

Loop through articles to collect new author profiles, update tags, and post a payload of new authors to the server once all articles have been processed.

Learn to debug api responses, manage authors as a keyed object in app context, and merge new data into state for efficient rendering.

learn to build a create post form with title, description and tags, including a textarea, on-change handling, and POST data integration, plus styling in a profile page layout.

Align the create post button to the right with flex, add icons for actions (microphone, camera, image, attachment), and apply padding to prepare posts for server submission and article retrieval.

Set up a fresh Ubuntu server, install nginx, and configure /var/www with sites-available and sites-enabled. Generate a Let's Encrypt SSL, enable the site, and test the server.

Set up a React project with parcel and babel, install plugins, configure babel, and create a starter folder structure (src, components, csx, fonts, index.html) for a React app.

Set up the full stack by separating front end from back end, create initial files, configure parcel and npm, and render a hello world with styled components and google fonts.

Learn to set up a blog framework with React routing using hook Crowder, install via npm, route the dashboard to a create blog page, and wire the app.

Finish a blog registration form by wiring inputs for name, email, password, and password confirmation, handling submit with prevent default, and toggling disable state during loading.

Learn to configure a node.js backend with jwt and public-private keys, set up tls with Let's Encrypt, export keys and system config, install dependencies, and start the server.

Create and organize the backend by adding middleware and a validator for login and registration, set up express and routes, install required packages, and implement global error handling.

Implement a node js rest auth flow validating a user object and jwt, returning 200 with user data on success and 401 on failed authentication, with route testing.

Explore building a robust registration workflow in a Node.js and MongoDB app: implement server-side and client-side validation, register user logic, bcrypt password hashing, and JWT token issuance for new users.

Register a Snoopy user with admin rules, log in to verify access tokens and validity, refresh tokens, and prepare to build profile forms and further features.

Build a React profile section for a blog with conditional rendering of a profile image and a placeholder, wrapped in a fragment and styled with padding and border.

Set up user profile image handling with JWT authentication, route wiring, and a changing image path parameter to force re-render after uploads.

Create a route for protected endpoints on the backend, add a validator middleware and a grant system access middleware using two files, coordinating with the front end.

Create and update a categories collection in a node js react app by building a client form that submits a comma separated list via a get request with jwt headers.

Set up two new routes to manage category tags, implement a client tags form, and enable admin workflows to update categories when tags change, with JWT-based tests.

Learn to implement a client-side tag system that derives tags from selected categories, updates dynamically with use effect, and resets tags when categories change or are removed.

Implement removing a tag from a category in a Node.js React REST app; wire the frontend delete with JWT and update the Mongo backend using element match to reflect changes.

Implement a blog creation flow by wiring a create blog page to backend routes, manage tags and categories, and set up express router with file system and JWT considerations.

Develop and post new blog entries by creating a blogs collection, validating title, description, and categories, sending authenticated requests with JWT, and inserting documents into Mongo with slugged titles.

Turn a text file into a React app by installing and linking Node and npm, then set up a WebSocket server, create notes, and render them on a web page.

Explore integrating a WebSocket connection in a React app, managing ready state, opening and upgrading connections, and implementing origin checks and heartbeat updates for real-time data.

Set up google oauth login by installing the google npm package, configuring the app id and secret, and defining the redirect URL and environment variables, then restart the server.

Demonstrates a Google OAuth login flow by sending client messages to a server, using a type-based switch to handle Google requests, and returning results to trigger client redirection.

Learn to implement Google OAuth login using WebSockets, sending a typed payload from server to client and redirecting with window.location based on the data field.

Implement Google OAuth login in a React app by handling the redirect, extracting the authorization code from the URL, and sending it to the server for token validation.