Welcome to
My Blog _

The Tech Stack Playbook®: Your guide to apps, software, and tech (but in a fun way, I promise!)

Apps

Software

Tech

Entrepreneurship

AWS

Artificial Intelligence

Apps Software Tech Entrepreneurship AWS Artificial Intelligence

Trending Featured Content

TechStack Playbook Logo

By the numbers_

0
Followers
0
Views
0
Video Lessons

Are You Plugged In Yet?_

YouTube

Spotify

Apple Podcasts

Looking for Something?_

Powered by: Algolia
Algolia Search Integration

Top Categories_

freeCodeCamp: Full-Stack Next.js, TypeScript, and AWS Course – Code a Quote Generator

freeCodeCamp: Full-Stack Next.js, TypeScript, and AWS Course – Code a Quote Generator

In my 6-hour freeCodeCamp course, learn how to use Next.js, TypeScript, and AWS Amplify to build a full stack inspirational quote generator app. You'll learn to use the ZenQuotes' API for fetching quotes and then you'll deep into state management, hooks, debugging, NoSQL database modeling, and much more…

Read More
Stacking Serverless Data Structures for a Pomodoro App on AWS
AWS, Full-Stack, Infrastructure as Code Brian H. Hough AWS, Full-Stack, Infrastructure as Code Brian H. Hough

Stacking Serverless Data Structures for a Pomodoro App on AWS

Figuring out numeric sort querying using GraphQL of NoSQL DynamoDB data. This was probably the hardest step for me in this project because at the highest level, when you are running a data stream with chaining, you affect one item and it means you must alter the other elements in the chain accordingly. TL;DR: you edit one item, so you must edit the others accordingly…

Read More
Wrangling GraphQL Data Schemas with AWS AppSync
AWS, Full-Stack, Infrastructure as Code Brian H. Hough AWS, Full-Stack, Infrastructure as Code Brian H. Hough

Wrangling GraphQL Data Schemas with AWS AppSync

AppSync will help you auto-build your queries and mutations based on the schema you define in your schema.graphql file. Not only does this reduce the possibility of errors in production, but it also increases your ability to turn code around faster with code generation (codegen) and auto-build sequences to configure the database, storage, and authentication privileges in the cloud based on your API endpoint in a matter of minutes. So what happens if you come across an issue where you don't see the /graphql folder in your application…

Read More
Build an Inspirational Quote Generator (AWS, NextJS, TypeScript, NodeJS) - 6 HOUR CLOUD PROJECT!
AWS, Full-Stack, Infrastructure as Code Brian H. Hough AWS, Full-Stack, Infrastructure as Code Brian H. Hough

Build an Inspirational Quote Generator (AWS, NextJS, TypeScript, NodeJS) - 6 HOUR CLOUD PROJECT!

In this epic build, we're going to create a completely serverless quote generator using AWS as our cloud back-end and NextJS/TypeScript as our front-end. What you'll learn in this build is how to: Build a ~cool~ front-end for a quote generator, Write a script to fetch a random inspirational quote from ZenQuotes' API, Use AWS to generate a quote graphic for you in the cloud & then let you download the file, and Deploy live…

Read More
How to Connect Your Local Project’s Codebase to a GitHub Repository Fast!
Full-Stack, Infrastructure as Code Brian H. Hough Full-Stack, Infrastructure as Code Brian H. Hough

How to Connect Your Local Project’s Codebase to a GitHub Repository Fast!

GitHub is one of the most powerful tools for developers, whether you are working on your project solo or working amongst members of a team. Git and GitHub adds a version control layer to your code so anyone can see the change history, the edits, and also see various branches of the codebase. We are going to review the process of uploading a local codebase repository from a computer to GitHub from the command line…

Read More
Render Table Data In React.js (Coding, Template Literals, JSON, Data as Props, JavaScript Objects)
Full-Stack, JavaScript Brian H. Hough Full-Stack, JavaScript Brian H. Hough

Render Table Data In React.js (Coding, Template Literals, JSON, Data as Props, JavaScript Objects)

n this episode of the Tech Stack Playbook, I break down 5 data formats (including arrays, JavaScript objects, and JSON data) and show you how to render them in a table with ReactJS, one of the most popular frameworks for building progressive web applications. I noticed that the documentation is sparse sometimes of how to organize information in lists for the front end: Hard Coding a Table, Using Variables/Template Literals, Passing in Data As Props into a Table, Passing in a JSON Data File into a Table, and Passing in JavaScript Objects into a table with spread operators in ReactJS.

Read More
How to Build Serverless Workflows with AWS Step Functions and AWS Lambda Functions
AWS, DevOps, Full-Stack, Serverless Brian H. Hough AWS, DevOps, Full-Stack, Serverless Brian H. Hough

How to Build Serverless Workflows with AWS Step Functions and AWS Lambda Functions

Gone are the days where you'd have to spin up physical servers with your own hardware and maintain it to build and run your own apps. Thanks to the AWS serverless suite of tools, we can now run full-stack applications, and even functions and compute power, right from the cloud. Today, we're going to be building a full-stack serverless Age Sorting Application. We'll discuss how to use various AWS tools, such as API Gateway, AWS Step Functions, AWS Lambda Functions, and connect them to a ReactJS front-end user interface so that we can take in user inputs and algorithmically filter the input based on what we tell the code to look for…

Read More
How to Get Started in Open Source (#Hacktoberfest</a>) with Jason Schrader &amp; CityCoins
DevOps, Full-Stack, Infrastructure as Code Brian H. Hough DevOps, Full-Stack, Infrastructure as Code Brian H. Hough

How to Get Started in Open Source (#Hacktoberfest) with Jason Schrader & CityCoins

Today 2 years back, I attended DigitalOcean's Hacktoberfest 2019 🎃 In a couple weeks thanks to some very helpful blog posts, I learned how to work on open source projects on GitHub which are skills I still use today. This changed how I thought about open innovation and coding forever — it was a really transformational experience. In the spirit of #Hacktoberfest, I'll be going live on YouTube today at 8:00pm EST (5:00pm PST) with Jason Schrader, a big open source technology advocate, as well as a core developer of CityCoins and Stacks blockchain advocate, to talk about how to get started in open-source and learn how to contribute to tech projects from anywhere in the world….

Read More
How Does Auth Work in a React App with AWS
AWS, Full-Stack Brian H. Hough AWS, Full-Stack Brian H. Hough

How Does Auth Work in a React App with AWS

Today's episode focuses on serverless authentication with AWS, as well as some best practices of what to do and what not to do 👨‍💻💭 When you think about developing an authentication system for your software application, you must ensure your system is highly secure and durable, scalable for a growing user base…

Read More