DEV Community: Sagar Roy

Tailwindcss Dark mode and Light mode Toggle in Reactjs

Sagar Roy — Thu, 31 Mar 2022 05:58:15 +0000

Implement Dark mode and light mode with TailwindCSS.

Copy & paste this code in public/index.html

    <script>
     const defaultTheme = "dark";
      if (!localStorage.getItem("theme")) {
        localStorage.setItem("theme", defaultTheme);
      }
      if (localStorage.getItem("theme") === "dark") {
        document.documentElement.classList.add("dark");
      } else {
        document.documentElement.classList.remove("dark");
      }
    </script>

Create a function anywhere in your react project with this code👇

  const toggleTheme = () => {
    const theme = localStorage.getItem("theme"); 
    if (theme === "dark") {
      document.documentElement.classList.remove("dark");
      localStorage.setItem("theme", "light");
    } else {
      document.documentElement.classList.add("dark");
      localStorage.setItem("theme", "dark");
    }
  };

Now you can use toggleTheme function.

NOTE: in this example default theme is dark if you don't like dark as default then you can set the light theme as default.
just change defaultTheme variable value dark to light.

Make Smart Look Your Git bash in VS Code and everywhere

Sagar Roy — Sun, 26 Sep 2021 15:54:37 +0000

1. Go to the >> link

copy all code

2. Then Go to >> C:\Program Files\Git\etc\profile.d

open git-prompt.sh file and paste all code

Look like this 👇 edit whatever you want!!!

Github SSH KEY Setup (Easy)

Sagar Roy — Sat, 26 Jun 2021 04:03:50 +0000

In this article I will Show You How to Setup SSH key in GitHub For Lifetime

First you have to go on this path of your PC Local Disk / Users / Your PC Name Then if you find .ssh folder then you have to delete it. if you haven't find then continue. 👇
Go to your terminal & run Command ssh-keygen
then automatically show it 👇

Enter file in which to save the key (path): Press Enter
Enter passphrase (empty for no passphrase): Press Enter
Enter same passphrase again: Press Enter

You will see 👇

Run Command eval $(ssh-agent -s)
Run Command ssh-add ~/.ssh/id_rsa
Go to your Local Disk / Users / Your PC name or anonymous then you should see this file id_rsa.pub then open it with with Notepad. then Copy all text
Go to your github profile settings and click SSH and GPG Keys then paste it. like this 👇

Then click Add SSH key button
Again Run Comman ssh -T git@github.com
then it will show like this 👇

Are you sure you want to continue connecting (yes/no/[fingerprint])?

write yes and hit Enter that's it.
Now you can access your github profile for git push, git pull everthing that you need.

Happy Hacking!