Stream archive: Creating a state for Auth0 requests (2022-07-11)

Subscribers:
8,080
Published on ● Video Link: https://www.youtube.com/watch?v=haAHN_J1CGQ



Duration: 1:21:22
60 views
0


We create a random state that will be used as a nonce when communicating with Auth0. Then we try to save it to a cookie...nothing happens :(.

### Project

The Brooks Builds Platform is going to be a webapp that will host my courses, live-streams, and other content. It's still in the early phases so the features I want so far are:

* Sign up for a free account

* Connect to Discord

* Link to courses on YouTube

### Tech Stack

### design

* [Figma](https://www.figma.com): A design tool that can be used for wireframes and mocking. The free tier allows for a single project.

### Project Management

* [Github Projects](https://docs.github.com/en/issues/trying-out-the-new-projects-experience/about-projects)

### Framework

* [Yew.rs](https://yew.rs): The web Framework that we're using. Yew is a component-based framework that allows us to program in Rust, and execute in a Web Browser

* [Stylist](https://github.com/futursolo/stylist-rs): We're using Stylist to allow CSS in Rust

* [Axum](https://docs.rs/axum/latest/axum/index.html) A web server written in Rust by the people who maintain Tokio. It's super fast and pretty fun to use.

* [Cypress](https://www.cypress.io) We're using Cypress to for E2E integration tests.

* [Bootstrap](https://getbootstrap.com): Bootstrap is a CSS framework that doesn't care if it is being run Yew.rs or some other framework.

### Libraries

* [rand](https://crates.io/crates/rand): Generating random numbers

* [get_random](https://docs.rs/getrandom/latest/getrandom/#indirect-dependencies): In order to use rand in a web context we need to tell get_random that we are using js

* [stylist](https://docs.rs/stylist/0.10.0/stylist/index.html) We are using the yew and use_style features so that we can have css in Rust!

* [gloo](https://crates.io/crates/gloo) Gloo gives us access to the browser api

* [Tokio](https://docs.rs/tokio/1.19.2/tokio/index.html) An Async runtime for Rust. Many projects use it behind the scenes.

* [Yew Router](https://yew.rs/docs/concepts/router): All good SPAs have a router, and this is the standard for Yew.

* [Load Dotenv](https://crates.io/crates/load-dotenv): This crate is helping us load the contents of our .env file into environment variables at compile time.

* [web-sys](https://crates.io/crates/web-sys): WebSys provides our Types for casting a Rust struct into a HtmlObject.

* [wasm-bindgen](https://crates.io/crates/wasm-bindgen): Utility functions and structs for working with the web

### Devops

* [Pulumi](https://www.pulumi.com): Pulumi is used for infrastructure as code. It will configure AWS for me so that I can be sure that things are working the way that I expect them to.

* [AWS](https://aws.amazon.com): Amazon Web Services is one of the most popular cloud platforms. If you want to do it, AWS probably has a service to help you to it.

* [Docker](https://www.docker.com/) We're deploying our code to the servers using Docker, which allows us to ensure what the server looks and acts like

### Other Tools

* [Auth0](https://auth0.com): Auth0 is an Authentication as a Service product. They have a pretty generous free tier that I am taking advantage of, and expect to be able to until I start making money with this project.

### Links

* Playlist: [https://www.youtube.com/playlist?list=PLrmY5pVcnuE-hqcn97OQVYjcn0XJ98ZkC](https://www.youtube.com/playlist?list=PLrmY5pVcnuE-hqcn97OQVYjcn0XJ98ZkC)

* Code: [https://github.com/brooks-builds/brooks_builds](https://github.com/brooks-builds/brooks_builds)

* Twitter: [https://twitter.com/brooks_patton](https://twitter.com/brooks_patton) -- Watch live at https://www.twitch.tv/brookzerker







Tags:
games
twitch



Other Statistics

Counter-Strike: Source Statistics For Brooks Builds (brookzerker)

There are 1,425 views in 21 videos for Counter-Strike: Source. Roughly a days worth of Counter-Strike: Source videos were uploaded to his channel, or 1.28% of the total watchable video on Brooks Builds (brookzerker)'s YouTube channel.