Published in JavaScript in Plain English·PinnedCreate a dark mode theme switch with Gatsby and TailwindCSSDark mode has been a recent feature in almost every technology. And in the release of Tailwind CSS v2.0, dark mode support was released as part of their feature. While working with gatsby to create my portfolio, I couldn’t find an easy guide. But after so much research, I was…Gatsby5 min read
Published in JavaScript in Plain English·Jan 24Build Reusable Components with Vue.jsPart 2: Accordion Component — Hey! Welcome to part 2 of this tutorial where we’re building reusable components with Vue. In part 1 of this tutorial, we learnt how to build a tab component. Click here to read, if you missed that. In this tutorial, we’ll learn how to build a reusable accordion component with…Vuejs5 min read
Published in JavaScript in Plain English·Jan 24Build Reusable Components with Vue.jsPart 1: Tab Component — Sometimes when working on a project, I’m always faced with the task of having to build a complex reusable component. I know some may say why don’t you just install something like Material UI or Chakra UI but I must say that doesn’t work all the time. Most especially when…Java Script3 min read
Published in JavaScript in Plain English·Jul 6, 2021Using Mapbox GL JS, Mapbox Forward Geocoding with ReactI’ve always been a fan of Mapbox. Maybe because I’ve found most developers using it, I think I love it due to its simplicity and ease of set-up. Besides this, Mapbox provides a powerful way to customize your map, and their documentation is pretty great. In this tutorial, I’ll be…React5 min read
Published in JavaScript in Plain English·Jan 5, 2021Build an Auto Logout Session Timeout with React hooksSometimes, a user logs in to your application and forgets to logout. Let’s assume there are lots of sensitive information about the user on your application e.g personal information or transactions data. This leaves the user data vulnerable. As a developer, you are to develop a solution that detects user…React4 min read
