Coding Combining Google Speech-to-Text and OpenAI for Transcription and Summary I was first introduced to Bitcoin circa 2015 when I got a gig transcribing Bitcoin podcasts (Let's talk Bitcoin) for 0.5 bitcoin each. My typing speed is above average so it didn't take too long to transcribe the roughly hour-long podcast at 2x speed. Some
Coding How to Create a Dynamic Gallery in Angular Using Ionic here's a gallery component that dynamically resizes and restyles based on the number of images presented to it. after a certain number of images, it will automatically hide the rest behind a click event, while also showing the number of remaining images. all of this is achieved using
Coding Mastering Powerful Features in VSCode: Tips and Tricks vscode has become a go-to for a lot of devs but its surprising how many people simply use it simply as an IDE, while ignoring its many powerful features. it can be especially powerful when doing tedious text modifications in JSON files or otherwise. select same text in file windows
Coding A React Component for Playing Audio Files in the Browser here's a small component I wrote that plays audio files in the browser. there are three ways it can be used. 1. on click as feedback 2. on hover 3. in background on loop audio.js one thing to note is that the volume tends to get loud
Coding How to Cancel RxJS Requests in Angular with Ngrx when using effects to query an API, a switchMap can help you cancel previous requests - which means that if your user searches for x and while that request is still loading, the user modifies their search - switchMap will cancel the previous request and only honor the last emitted
Coding The Best User Interfaces Require No Math: Simplifying Time Display the best user interfaces require no math. when dealing with time, you don't want your users to calculate how long ago a post was made. generally, if a post was made today, it would help to know if it was xx many hours ago or xx seconds ago.
Coding Handling Toast Notifications with Mat-Snackbar and Redux toast notifications can be handled directly through mat-snackbar as a component but if you're using redux, it can be neatly tied into the redux store, making it available to use on its own or as a response to other effects. this makes it a very powerful tool in
Coding How to Read Static Files in Netlify Functions API whats the problem? if you need to read a file (.txt, .json etc) from your public folder into your Netlify Functions API, the path resolution is not straightforward. your code might work locally using next dev, but when you deploy the build to Netlify, the paths don’t work anymore.
Coding Integrate Adyen Payment with Commercetools there isn’t a lot of commercetools content available online so I’m going to document some of the issues that I’ve faced while working with CT and the solutions that I have found. when integrating CT GraphQL with Adyen Payments, it requires you to set a custom field
Coding Net Text Censoring with Custom List Any service that allows user-generated content brings with it a risk of content that can negatively impact your actual userbase’s…
Coding Optimizing RU Cost for CosmosDB: Azure Use Case It took me quite some time to settle on a CosmosDB design for an app I was building. Even though the app was being built as an MVP, I…
Coding How to Add a Skeleton Loader for ion-img in Ionic what’s the problem? the built in <ion-img> component uses Intersection Observer internally to lazy load images, which is good for performance. But its lacking a finished loading event that makes it difficult to implement skeleton loaders. the event we’re interested in, (ionImgDidLoad) fires way earlier than