Optimizing pull request for developer happiness

We as developers create a lot of pull requests from building new features to fixing bugs and...

Simple hook to handle featue flags

Let's say you want to enable or disable some features based on users role or some permission that the...

Star background using Houdini CSS

I was playing with Houdini css and built this. It is a worklet that allows you to render stars in the...

Converting GIF to MP4

GIF's are awesome we use them everywhere. But the issue with GIF's are they are usually much larger i...

Implementing custom liquid tags

Liquid tags are awesome dev.to uses some custom liquid tags to embed posts, gist, github repos, twitc...

Building git

Lets see whats hiding inside git

Building GUI for your shell script using zenity

Sometimes the shell scripts that you write asks questions to the user so that they could change the s...

Tiny alternative to electron

I wanted to build a small desktop app for my own usage but using electron felt like an overkill (sinc...

Markdown like syntax parser

Sometimes you want markdown like syntax but not exact markdown specification. I build a really tiny m...

Access file system like object

When you write small scripts in nodejs it is sometimes annoying to deal with the file system API. Wou...

Clean Email

Built this really simple extension to make gmail look nicer

Creating useEffect in nodejs

React hooks is one of the best parts that I like about react. It would be nice to have something like...

Simple hook to deal with async function calls

For smaller react projects I wanted something simple to deal with asynchronous function calls like fe...

Simple React hook to handle input

When building in react often you have to deal with different inputs like text, number, date... and ea...

Programmers are writers

We as programmers write a lot of code and we read more code than we write. We write drafts first then...

Building simple spreadsheet in React

I recently tried to implement a simple spreadsheet in React with basic support for formulas using +,...

Implementing context menu using react hooks

Sometimes you want to override the browsers default context menu in your react app. You can easily do...

Using javascript proxy

I have recently been digging into proxy in Javascript. I was surprised by what it can do. Proxy allow...

API request using tagged template literals

I recently came across this awesome video introducing tagged template literals. At the end of the vid...

Poem generation in JS

I recently came across this awesome site https://kingjamesprogramming.tumblr.com It generates posts b...

Top level await in Dev tools

Many times when you are writing code you may want to do a simple fetch request and see the response....

Backdrop filter

I was playing with css backdrop-filter

Apply dark theme to your site using prefers-color-scheme

Apply dark/light theme to your website based on users os set theme

Skip links

Make your web app more keyboard friendly by using skip links

Roving focus in react with custom hooks

Making your list more keyboard friendly using roving index with custom hooks

Memoization of Immutable.js using hash code

Memoization of selectors from Immutable.js using hash code

Al - Simple alias manager

Simple alias manager

Wrapping text input with non editable element at front

Wrapping text input with non editable element at front

Building rich text editor

Building rich text editor in browser