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.

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.

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.

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.

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).

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.

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.