Image for post
Image for post
https://www.heymarket.com/blog/announcements/dark-mode-support/

Dark 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 able to come up with this solution. And I believe this solution will also help you to easily get things to build up.

Setting up the project

If this is your first time working with gatsby, you should run npm install -g gatsby-cli on your terminal to create a global installation on your computer…


Image for post
Image for post
Picture: https://www.pexels.com/photo/close-up-photo-of-street-clock-near-tall-building-937512/

Sometimes, 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 inactiveness on your application. This solution is to help logout users whenever they are not making use of the application.

In this tutorial, we’re going to build the frontend using react and its hooks. Following the steps should give you a better understanding when working on either Vue or Angular.

samuel adewole

Software developer | ex. lead @dscyabatech | Community lover | Creator of all things possible.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store