Our Stories

Deploying to Firebase from GitHub Actions Without a Service Account Key

Most guides tell you to download a service account key. Here is how to deploy without one, with every command, and the traps that fail quietly.

Google Sheets Duplicate Conditional Format Rule

Highlight duplicates in Google Sheets with a COUNTIF formula.

Angular AsyncPipe without *ngIf

You still use *ngIf but you make sure it evaluates truthy by passing an object.

Enable Fullscreen Mode in Hogwarts Legacy

There is no official way to make Hogwartz Legacy run in fullscreen mode.

Angular 15 Unit Testing Not Working

Getting an error typically thrown when there's an issue with webpack or one of its plugins.

Software Development Life Cycle (SDLC)

A process used to design, develop, and test high-quality software applications.

Keyboard Character Repeat Not Working

On my windows computer, I noticed my characters would not repeat after holding down a key on my keyboard to test the character repeat rate.

Change Angular Material Theme Background

Update your Angular Material Theme background to conform to your web applications design.

Progressive Web Application (PWA)

Add a service worker that runs in the web browser and manages caching for an application.

Remove Pushed Commits from GitHub Repository

Remove pushed commits from your GitHub repository by using git.

Manage Services from Command Prompt/PowerShell in Windows

Find, start, stop, and restart services in windows using Command Prompt/PowerShell.

Working around browsers' APIs

While using Angular SSR, the Universal application does not execute in the browser, and some of the browser APIs and capabilities might be missing on the server.

Typed Assertion Functions

Learn how to tell TypeScript that a function has checked the provided value.

Remove All Files Under A Google Cloud Storage Folder

Use the command-line utility, gsutil to delete all files under a google cloud storage folder.

Create Email Address From Name in Excel

To create email addresses using first and last names, you can use a formula that concatenates values as needed.

Firebase Functions Secrets

Store sensitive configuration information with Cloud Functions for Firebase integrated with Google Cloud Secret Manager.

Update Angular via CLI

Learn how to perform a basic update to bring Angular to the current stable release of the core framework and CLI.

Angular Reactive Form Snippet

Quick reference for Angular reactive form.

Firebase Cloud Functions Raw Body Request for Stripe WebHooks

User the rawBody property of the passed in request and convert that to a string with the toString function. See below:

Typescript Create Unique ID

Math.round should be unique because of its seeding algorithm and also should be different because we are basing it off of Date.now() while converting this to a base 36 (numbers + letters)

Angular Template Local Variables

Angular exposes about five template local variables.

Scalable Angular Architecture

Port 5000 taken on macOS

While trying to start my Firebase Emulators, I kept running into the error message: \`Port 5000 is not open on localhost, could not start Hosting Emulator.\`

Firebase Cloud Functions Config

Set, retrieve, and delete environment data:

Angular Route Information

Use Angular Activated Route to get desired information from URL.

Make Angular App Available To Local Network

Run your Angular Development Server on your Local Network to access and try out your application from any network device.

Angular Storybook Content Projection

Use ng-content in your Angular Storybook Component.

Scalable Logging for Angular?

Two simple solutions to handle console logging for your Angular Production application.

Handle Errors, Loading, and Empty Data with Angular Async Pipe

Handle errors, loading, and empty data while using Angular async pipe with oberservables.

Flexbox Horizontal Line Masonry

If you are okay with a ragged edge, use this horizontal masonry.

Maintenance Mode for Firebase Hosting

Learn how to create a maintenance mode for Firebase Hosting.

Ckeditor5 w/Angular SSR

Workaround to allow the ckeditor5 to work with an Angular SSR application.

Angular Firebase Claims Auth Guard

Convert a promise into an observable for canActivate angular auth guard.

Angular Firebase App Check

Learn how to configure firebase app check in your angular application.

Move Duplicate Rows to One Row In Excel

Learn how to transpose duplicate rows to columns in excel.

Convert dp to pt then rem

SCSS function to convert Density-independent Pixels(dp) to Points(pt) then to The root elements font-size(rem).

Limit SFTP User Access To Specific Directory

Ubuntu guide to limit users of a sftp server to access specific directory like a ftp server hosted on windows.

Responsive Typography

Formula to get a fluid typography that will scale to your parameters.

Ubuntu Server Hardening

Simple quick checklist to make sure your Ubuntu server is hardened to some degree.

Change SSH Port

Secure your server by changing your SSH port from the default Secure Shell Protocol port, 22.

Google Cloud Ignore

Several commands in gcloud involve uploading the contents of a directory to Google Cloud to host or build. In many cases, you will not want to upload certain files (i.e., "ignore" them).

Angular Universal SSR w/Google Cloud Run

Learn to deploy Angular Universal SSR app on Google Cloud Run Service, pair Firebase Hosting with Cloud Run.

Angular Human Readable Date Pipe

Angular pipe to display the date in a human readable format.

Using Firebase Timestamp w/Angular Date Pipe

Firebase returns a timestamp field of a document as an object with two properties: seconds and nanoseconds, learn how to use these values with Angular DatePipe.