Fullstack GoLang React Insanity Volume 3

Review the preliminary setup for the fullstack golang react project, ensuring the index and babelrc are ready. Prepare the go file and outline building a websocket server with npm start.

Develop a go websocket server from a bare bones app to enable frontend back end communication, upgrade http to websocket on port 1200, and route /wsf using the MOX router.

Upgrade incoming connections to websockets, attach an exported uuid to each connection, and test the server on port 1200 with the ws path, ensuring the uuid prints on connect.

Create a Go websocket server (part three) that sends an initial client id, defines a message with type and data, and loops to read and handle incoming messages.

Create a configuration package that manages the MongoDB connection and cryptographic keys, including public and private keys, to support JWT and WebSocket workflows, with an initialization pattern.

Develop a Go websocket backend by building a utilities package, a web socket manager, and integration with a pool of clients to track connections and private messages.

Create and wire a Mongo package in Go, import required dependencies, and build a context-driven client. Test the connection by pinging Mongo before starting the server.

Wire up websocket security by generating private/public keys, integrating a JWT package, and building tests to generate and validate tokens for securing websocket routes.

Create a Go package for create, read, write, and delete file operations, including small and large file reads and path-based write and delete.

Generate a public/private key pair by writing a private key to a directory, deriving the public key with OpenSSL RSA, and validating file reads in a config-driven Go setup.

Wire up asynchronous tasks with a multi-worker queue system, listening for and completing tasks in parallel via web sockets and Mongo integration, while preparing front-end React flow and password utilities.

Set up the API database, add a test user with an encrypted password, and validate password generation and login by testing the sign-up form.

Connect the front end to a web socket by wiring up a React app context system with an app provider, use effect, and styled components.

Wire up font awesome icons in a react app by installing core, solid, and brands packages, wire them into the system, and prepare components and styling.

Build a state visualizer component within a React app context, part i, to selectively display and debug modal states using a context-driven brain and keyboard interactions.

Set up state objects and add initial styling to make the app render, then introduce a keyboard listener to enable zooming in and out on the front-end state.

Embed a keyboard listener in the app context using useEffect to handle key down and key up events, updating left, right, and escape state to toggle visibility.

Embed a websocket client into the app context and connect the Go backend, handling ready state, messages, and id assignment to enable login and real-time communication.

Explore building a halo carousel interface using CSX 3D and CSX grid, controlled by a keyboard listener and a web socket, with halo scene, halo wheel, and halo cells.

Build a halo carousel interface in React by configuring halo cells, borders, and rotation props for the halo wheel with 3D transforms and halo zoom, controlled by angle props.

Explore building a halo carousel interface by managing a halo cell grid, implementing two rotation techniques (array shift vs whole rotation), and wiring keyboard controls to drive zoom and index.

Build and integrate the halo cell component within a responsive grid, pass index props, apply CSF styling, and prepare the grid system for future web socket work.

Create a sign in component styled with style components, using absolute positioning, center translate, and a backdrop blur to render the panel when the user is not signed in.

Learn to build a sign-in UI using pre-built components, icons, and targeted styling, with username and password inputs, a sign button, and fingerprint visuals.

Enable audio feedback and a sign-in flow by loading sounds in a global context, wiring inputs to state, and sending base64-encoded credentials over WebSocket to the backend.

Build a sign up component with styled components, React, and app context; implement sign in/up toggling and prepare the backend flow for account creation and login.

Builds a sign-up panel that toggles with sign-in and includes a close X. Adds inputs for name, alias, email, password, confirm password; validates and sends data via a request function.

Build the sign in flow on the Go backend, wire up a WebSocket login, decode credentials, validate against Mongo, and generate a JWT for authenticated sessions.

Validate user password during sign in via websocket and marshal password-free user object. Generate and send a signed JWT using a private key, linking the user id to the websocket.

Store the JWT and user data in client state, then validate the token on the server side and verify stored data through websocket-driven front-end and back-end logic.

Store the JWT and user data in local storage, verify tokens on refresh, and attach the authenticated user to the WebSocket session.

Learn how a storedJWT enables attaching a user to a websocket, validating the token, fetching the user from Mongo, and broadcasting updated connections to clients.

Add create user functionality in Fullstack GoLang React Insanity Volume 3 by implementing account creation, profile attachment, and Mongo-backed task processing via WebSocket.

Create three users with distinct roles: interface account, slave system, and regular user, sign up each with name, alias, email, and password, and verify them in the database.

Create a profiles collection and link it to users in a Mongo-backed setup, including avatar images and profile image URLs, using object IDs and linking profiles to users.

Learn to implement a hidden pop-up input component that displays login feedback using dynamic styling for success and error states, triggered by invalid credentials during login.

Showcases implementing an invalid credentials pop-up, updating the app context and message bucket to surface input errors, and wiring sidebar images and icons into the halo carousel and sidebar actions.

Learn to build and wire a halo settings sidebar in a React app, creating a reusable switch component, integrating it with app context, and styling with grid and flex.

Develop a sidebar profile component that fetches and displays the user’s profile image, full name, and role by querying the server and encoding the image as base64.

Set up the messages area with a search bar and profiles, wire the messages component to fetch user profiles from the server, and join profiles to users in app context.

Build the messages panel from database user profiles and images, show online indicators via websocket clients, and manage an active tab, search, and a chat box for volume 4 notifications.

Build and integrate a micro index floating window indicator by creating a micro index component, using absolute positioning, halo count, and left/right arrows to reflect micro index rotation.

Create a chat box UI with a tab box, wire it to a content system and context to manage messages, new message input, and user data, and verify cross-screen movement.

Build a chat box ui with grid and flex layouts, applying styling. Wire the message display, chat header, and input area while planning the next message logic steps.

Explore chat box part iii, wiring a system interface that sends typed messages to the server via web socket, updates message buckets, and renders system and user messages.

Explore sending messages to different user roles via the system interface, using a switch on user role and websocket-backed private messaging to the server.

Test and implement user chat using web sockets, validating login, handling private messages, and wiring client server communication to render new messages in the interface.

Debug the chat flow by ensuring new messages trigger listening routines and update the client, while reviewing logs and loop logic to prevent missed updates.

Learn to log in from a remote linux system to a go web socket server, create a slave user object, handle self-signed certificates, and exchange tokens and messages.

Outline the direction of part two, starting from the front end and turning 3D cube and carousel into React components to build a web interface that controls Linux servers.

Wipe and rebuild a server from scratch for the course part two, resize disk and swap, reconnect via ssh, and outline turning the original interface into a react app.