Published in Better Programming·Jul 26Member-onlyBuild a Gatsby Authentication Flow with FirebaseSecure your Gatsby app using Firebase authentication — TL;DR This guide will walk you through how to set up an authentication flow using Firebase in your Gatsby application, and deploying it to Netlify hosting. After following this guide, you will have a working Gatsby app complete with: Fully fledged sign-in and sign-up flows. Secure email/password authentication. Reset password A…Gatsbyjs7 min read
Published in Better Programming·Jul 7Member-onlyA Quick Alexa Skill to Play Any Hosted Videos in Your Echo ShowHow to play videos from your Alexa with complete source code — Introduction Have you ever wanted to play your hosted videos in your Alexa Echo Show? In this tutorial, I will guide you on how to build an Alexa Skill to play videos hosted in the Cloud in your Amazon Echo Show. The best part is that it will only take a…Programming5 min read
Published in Geek Culture·May 26Member-onlyGatsby JS: 8 of the Most Common Mistakes That Developers MakeAvoid common mistakes when building with Gatsby JS — Introduction Gatsby is a fast and dynamic static site generator built on React and GraphQL. It lets you build sites with modern user experiences like dynamic navigation, an interactive reading experience with pre-built theming, custom imagery caption integration for images, SSR for fast loading, dynamic blog feeds with automatic category sorting…Gatsbyjs11 min read
Published in Better Programming·Jan 25, 2021Member-onlyA Complete Alexa Skill to Play Multi-Track Audio From YouTube VideosPlay, pause, resume, next, previous, and loop audios from YouTube to your Alexa Echo — Introduction In my previous article, I’ve created a custom Alexa skill to play a single track of audio from a YouTube video to your Alexa Echo. …Programming11 min read
Published in Better Programming·Aug 6, 2020Member-onlyBuild an Alexa Skill To Play Audio From YouTube VideosHow to play YouTube audio from your Alexa — Introduction Have you ever wanted to ask Alexa to play the audio of a YouTube video? Just say “Alexa, Ask Hey Tube to play Whitesnake” and listen to a great Whitesnake track from YouTube. In this article, I will show how to build a Custom Alexa Skill to connect your Amazon…Programming12 min read
Published in The Startup·Jun 16, 2020Member-onlyQuickly Build an Alexa Skill Using ASK CLICreate, manage, test, and publish your Alexa skill from the command line. — Introduction One of Amazon Alexa’s greatest feature is the ability to add Skills to enhance the user experience according to a specific need. Skills are applications that interact with Alexa’s core APIs that handles speech recognition, text-to-speech encoding and natural language processing. …Java Script9 min read
Published in Better Programming·Jan 15, 2020Member-onlyBuild a React App Using AWS Amplify in Simple Steps (Part 3)Add analytics and storage to your React app — Overview So far, in part 1, we installed and configured AWS Amplify from scratch. Then, created a React application and added a full authentication flow in simple steps. In part 2, we provisioned an AWS AppSync GraphQL API and integrated it into our application. In part 3, I will now add…Java Script5 min read
Published in Better Programming·Jan 6, 2020Member-onlyBuild a React App Using AWS Amplify in Simple Steps (Part 2)Add AWS AppSync GraphQL API to your React application — Introduction In the previous post, we installed and configured AWS Amplify from scratch. Then, created a React application and added a full authentication flow in simple steps. In part two, I will add AWS AppSync GraphQL API to the application. GraphQL GraphQL is a query language for your API, and a server-side…Graph QL6 min read
Published in Better Programming·Dec 29, 2019Member-onlyBuild a React App Using AWS Amplify in Simple Steps (Part 1)Add a complete authentication flow to your React Application — What Is AWS Amplify? AWS Amplify was announced in November 2017 as an open-source library for developers looking to build cloud-connected applications with JavaScript on the web or mobile platforms. Have you ever heard of Google’s Firebase? It’s a very similar concept, but running in AWS. AWS Amplify allows you to build apps incredibly…AWS6 min read
Published in The Startup·Dec 18, 2019Member-onlyA Complete Webpack Setup for ReactBuild a React project with Webpack 4 and Babel 7 — Why Webpack? Congrats. You have started using JavaScript in your application. You have heard great things about how awesome it is. So you have a single script for your page, maybe 500 lines and it’s mostly ok to manage. …Java Script7 min read
