React Fullstack with node/express, PostgreSQL and AWS

Build a simple full-stack app with a React front end and an Express server by creating client and server folders, wiring a hello world endpoint, and setting port 5000.

Explore node, npm, and express as runtime, package manager, and server; use helmet and pg to connect PostgreSQL and enable cross-origin communication, then run with npm run def start.

Configure a proxy in package.json to connect your React frontend with an Express server on port 5000, then fetch /hello and display Hello World.

Learn how to fetch data from a back-end express server and a simulated json placeholder using axios, including get requests, axios instances, and baseURL configuration for posts.

This lecture compares axios and fetch for api requests, showing fetch as vanilla javascript that requires manual data transformation and an async/await example fetching posts from Jason placeholder endpoint.

Compare axios, express, and react-router by showing promise-based API calls, server routing, and client navigation, and explain how the app distinguishes react routes from express endpoints.

Explain why Redux form isn’t needed in this React fullstack course, showing form data flowing through a regular form to axios, express, and the database.

Create a reference schema.sql file that defines a PostgreSQL database with users, posts, and comments tables, including primary keys, foreign keys, and copyable psql commands.

Open the psql shell, create the database, connect to it, and paste the schema's CREATE TABLE commands to instantiate the three tables.

Set up redux actions for profile, posts, and comments, including set DB profile and remove DB profile; create action creators to fetch DB posts and fetch post comments, implement reducer.

Wire the existing reducer to handle DB profile and posts by adding actions, updating the initial state, and integrating the posts reducer into the combined reducers.

Set up the authcheck component to save user profiles from auth0 to the database and dispatch them to redux, enabling automatic login and seamless post creation.

Set up Express routes for posts, implement CRUD operations with PostgreSQL queries, including retrieving all posts, creating, updating, and deleting posts (and their comments) via API endpoints.

Create a client-side blog plugin with five React components: add post, edit post, post stages, show post digest, and profile dashboards with user data and posts.

Build the ad post component in a blog module using React, with title and body fields, submit and cancel actions, and redux-derived user data posting to /api/posts.

Develop a user dashboard that fetches and displays user posts as cards using redux, with edit and delete workflows via a confirmation dialog and flexbox styling for the left drawer.

Set up client-side routing for a blog with routes for /posts and dynamic pages /post/:id. Add header links and configure add, view, and edit paths (/add post).

replace the table with Material UI cards (card header and content) to display posts, and animate them with a two-second ease opacity transition using local state initialized in the constructor.

Learn to implement client-side pagination for a React forum using a helper library, set five posts per page, and handle page changes with a dynamic post slice and staggered animations.

Learn to animate posts with keyframes in a React fullstack app, using CSS keyframes to fade in posts sequentially and improve page transitions.

Learn to animate comments in a full-stack React app by introducing opacity transitions, a comments motion state, and instant UI updates for submissions, updates, and deletions.

Implement a full stack like feature by adding a like_user_id array and a likes counter for posts, with a put route to prevent duplicate likes for authenticated users.

Implement a full stack search engine using ts vectors and a search vector in PostgreSQL, transforming post data into tiers vectors for fast natural language processing queries.

build a custom messaging system with send message, show messages, and reply to message components; store messages in a messages table using the user name as reference.

Set up a separate admin authentication app with auth0, disable signups, and connect to a dedicated admin database. Manually add admins and test the login flow.

Configure an admin forum with global edit and delete privileges for posts and comments, display posts in a table, reuse existing blog APIs, and manage deletion workflows and authentication.

Build and manage an admin dashboard calendar by fetching appointments via Redux, formatting them for react-big-calendar with moment, and enabling scheduling with a dialog, post requests, and UI components.

Learn how to build an admin users component that deletes a user along with their posts and comments, using Redux state, dialog confirmation, and foreign key reasoning.