welcome image

Welcome to My Portfolio/Blog App

馃搫 About This Website This is my personal portfolio and blog application, built to showcase my work, share articles, and experiment with modern web technologies. It is powered by Hugo, Progressive Web App (PWA) capabilities, and various performance-focused optimizations. 馃洜 What is Hugo? Hugo is one of the fastest static-site generators, built using Google鈥檚 Go programming language. By default, Hugo outputs static HTML files, which results in extremely fast page load times and excellent performance....

September 5, 2022 路 2 min 路 251 words 路 Me
just just justand

Just Just Zustand

鈩癸笍 This article is authentic, fully organic, handcrafted by a human mind. No AI was harmed or used in generating the ideas for content and title. Before diving into concepts, let鈥檚 first look at some code and see how simple and elegant Zustand can be. theme.store.ts import { create } from "zustand"; type ThemeStore = { theme: "light" | "dark"; toggleTheme: () => void; }; export const useThemeStore = create<ThemeStore>((set) => ({ theme: "light", toggleTheme: () => set((state) => ({ theme: state....

September 8, 2025 路 Me
React use use

'use use'

鈩癸笍 This article is authentic, fully organic, handcrafted by a human mind. No AI was harmed or used in generating the ideas for聽content聽and聽title. 'use use' is a meme going around in a react ecosystem, with the introduction of many use directives like: "use strict" "use client" "use server" "use cache" "use memo" "use no memo" "use dom" "use workflow" But this article is not about directives, its about the use hook....

August 30, 2025 路 Me
Dead Simple Yet Powerful Global State Manager for Redux Haters

Dead Simple Yet Powerful Global State Manager for Redux Haters

鈩癸笍 This article is authentic, fully organic, handcrafted by a human mind. No AI was harmed or used in generating the ideas for content and title. themeAtom.ts import { atom } from "jotai"; export const themeAtom = atom("light"); App.tsx import { useAtom } from "jotai"; import { themeAtom } from "./themeAtom"; function App() { const [theme, setTheme] = useAtom(themeAtom); const toggleTheme = () => { setTheme((prev) => (prev === "light" ?...

August 14, 2025 路 Me
blog image

Nodejs Simplified With Native Typescript and Watch Mode Support

Starting from node 22.6.0, you can directly start writing on the .ts file without installing any dependencies: index.ts function main(message: string): void { console.log("Message: " + message); } main("Hello! world"); For running with watch mode: package.json "dev": "node -w index.ts" Recommended base tsconfig tsconfig.json { "compilerOptions": { "target": "esnext", "module": "nodenext", "allowImportingTsExtensions": true, "rewriteRelativeImportExtensions": true, "verbatimModuleSyntax": true, "erasableSyntaxOnly": true } }

May 19, 2025 路 1 min 路 61 words 路 Me
Ky.js vs Axios comparison

Ky.js: A Delightful Alternative to Axios

鈩癸笍 This article is authentic, fully organic, handcrafted by a human mind. No AI was harmed or used in generating the ideas for content and title. Jump to code 馃敾 Do you really need another HTTP client? You might not need any additional HTTP client. The native fetch API, built into modern browsers and Node.js, is powerful and capable of handling many common use cases. However, real applications need more features like:...

January 15, 2025 路 Me
Complete Guide to Building and Running Expo(React Native) Apps

Complete Guide to Building and Running Expo(React Native) Apps

Summary This guide covers five main methods to build and run Expo applications: Expo Go - Fastest method for development and testing, limited to built-in native modules Expo Prebuild - Generates native code when additional native modules are needed Native Builds - Direct builds through Android Studio or Xcode EAS (Expo Application Service) - Cloud-based build service for production releases Debugging Tools - Various options for debugging your Expo app 1....

January 13, 2025 路 2 min 路 395 words 路 Me
Tailwind CSS V4 got simpler,lighter and faster.

Tailwind CSS V4 got simpler,lighter and faster.

Tailwind CSS is one of my favorite and go-to tools. It鈥檚 almost a standard way of writing CSS these days. Even LLMs and AI tools are giving Tailwind CSS code these days. Here are some of the highlights of V4: Build time 10X faster, Incremental build 100X faster. 35% smaller footprint. Power of Rust and Lightning CSS. 2X Faster parser. CSS-first config, Unified toolchain. Modern CSS features. Getting Started (with Vite) Here鈥檚 a quick guide to get started with Tailwind CSS V4 and Vite:...

January 13, 2025 路 1 min 路 114 words 路 Me
blog image

Install and Activate Office 2021 [EASIEST WAY]

Download Office 2021 from Here. Install Download this activation script from Here. Run the script as Administrator. 馃挌 THANK YOU 馃挌

December 29, 2022 路 1 min 路 21 words 路 Me
blog image

Install and Activate Windows 11 [EASIEST WAY]

Download Windows 11 ISO from Here. Install Download this activation script from Here. Run the script as Administrator. 馃挌 THANK YOU 馃挌

December 29, 2022 路 1 min 路 22 words 路 Me