Blog ✍️
I love building new things. This blog is a way for me to write down and share new ideas and lessons with everyone.
I built a globe where every country is a separate piece you can pull out 🌍
6
October 31, 2026-react, svg, webdev, showdev
An interactive isometric globe built from plain SVG and d3-geo. Spin it, pull a country out of its socket, split it into its states, or break the whole map apart.
ChatGPT serves 800 million users from one Postgres primary. Here's how 🐘
10
2
October 27, 2026-postgres, systemdesign, database, showdev
The five fixes OpenAI used to scale PostgreSQL for ChatGPT, explained with an interactive diagram you can break.
I asked Claude to explain an API request as a tiny machine
15
3
October 26, 2026-showdev, webdev, react, ai
One prompt with the /anatomy skill gave me an interactive isometric bench for an API request. Here's what each part means, what I changed after the first version, and how to remix it.
I turned my portfolio into a playground (plug a theme into a display to open it)
22
11
October 24, 2026-showdev, webdev, nextjs, react
My portfolio has three versions now. To switch between them I built Theme Studio, a small canvas where you drag a wire into a display.
I finally rebuilt my portfolio website (and added a terminal theme)
19
3
October 19, 2026-showdev, nextjs, webdev, react
Moved my portfolio from Chakra UI to Tailwind CSS and Next.js 16, gave it a fresh design, and added a second terminal-style theme.
Spent the weekend crafting a delightful animated card using @chakra_ui and @framer motion! 🌟✨
21
1
December 24, 2023-webdev, showdev, react
🚀 The Concept: The idea of an animated card took shape in my mind, and I couldn't wait to turn it...
ChakraUI TemplatesKart - UI updates
30
July 20, 2022-webdev, opensource, react, showdev
Hello CharkaUI lovers, This article presents new UI changes in TemplatesKart Let's see what new...
New landing page of TemplatesKart website
24
2
May 29, 2022-react, webdev, showdev, chakraui
On weekend, I modified TemplatesKart website landing page. Let's have a look what changes I made. ...
Free 12 new Chakra UI components - TemplatesKart
22
2
May 15, 2022-react, webdev, showdev, chakraui
Let's find out 12 new chakra-ui components that I have added to TemplatesKart website recently. ...
Free 10 new Chakra UI components - TemplatesKart
26
May 07, 2022-react, webdev, showdev, chakraui
Let's find out 10 new chakra-ui components that I added to TemplatesKart website recently. ...
Free 10 Chakra UI components - TemplatesKart
19
May 04, 2022-react, webdev, showdev, chakraui
Let's find out 10 new chakra-ui components that I added to TemplatesKart website. ...
Find out 8 new chakraUI components that I built
21
3
April 28, 2022-react, webdev, showdev, chakraui
Hi folks, I added 8 new components to TemplatesKart website. So I want to share them with you. Please...
TemplatesKart | New landing page built with ChakraUI
25
April 24, 2022-react, webdev, showdev, chakraui
TemplatesKart provides an easy solution to getting the look you want for your website without having...
TemplatesKart | Free Chakra UI Components and Projects
24
3
April 20, 2022-react, webdev, showdev, chakraui
Project Overview TemplatesKart is a powerful set of fully responsive and accessible React...
I made changelog page for my portfolio website
23
January 30, 2022-webdev, nextjs, showdev, react
A Changelog page for any website is a good way to keep your audience up to date with new and...
Started 2022 by updating portfolio website
97
29
January 21, 2022-react, webdev, showdev, nextjs
I was thinking about making some changes in my portfolio website since past few months. I couldn't...
Find out what's new in my portfolio website
41
17
September 01, 2021-nextjs, webdev, showdev, react
I want to share new updated version of my portfolio website. Here is the list of new features and...
How to create a blog for your Next.js and ChakraUI website
46
3
July 31, 2021-nextjs, webdev, react, tutorial
I have been writing on dev.to for more than 1 year. I really like to write articles on dev.to but now...
Let's build Hulu clone with Next.js & Tailwind
60
2
July 21, 2021-nextjs, webdev, react, beginners
I'll be creating a Hulu webpage clone with Next.js and Tailwind. Live demo: hulu-clone-live Github...
Let's create a portfolio website using Dev.to as a CMS
144
5
July 13, 2021-nextjs, webdev, showdev, react
I have created multiple portfolio website templates using ChakraUI and React. You can check my...
How to count html tags in a web page by using web url
28
June 24, 2021-ruby, webdev, showdev, rails
Create new rails app Install following Gems gem 'nokogiri' gem 'open-uri' Enter...
Got Next.js badge and crossed 500 followers on dev.to 🎉
10
2
June 24, 2021-nextjs, react, webdev, beginners
I was not expecting to get Next.js badge so early because currently I'm learning it and it was my 2nd...
Let's build Airbnb Home page with Nextjs and ChakraUI - Part 3(final)
38
1
June 23, 2021-nextjs, react, typescript, chakraui
In this part, We'll continue with main section and then we'll create footer. Github Repo:...
Let's build Airbnb Home page with Nextjs and ChakraUI - Part 2
27
June 22, 2021-nextjs, typescript, react, chakraui
In part 1, We created header section. Now in this part We'll create main section. Github Repo:...
Let's build Airbnb Home page with Nextjs and ChakraUI - Part 1
40
June 21, 2021-nextjs, react, webdev, chakraui
1.Create a Nextjs app yarn create next-app --typescript Enter fullscreen mode ...
Create professional portfolio website with Nextjs and ChakraUI
334
32
June 20, 2021-nextjs, webdev, react, chakraui
Currently, I'm learning Nextjs and Typescript. And for learning perspective I decided to rebuilt my...
Migrating a notebook app from react to Next.js
26
1
May 29, 2021-react, webdev, showdev, nextjs
I created a notebook app in react a few months ago. I wrote article about it. ...
Create a animated portfolio card with React and ChakraUI
33
May 25, 2021-react, webdev, showdev, productivity
Portfolio card post Create a portfolio card with...
Let's build a attractive portfolio page with React, ChakraUi, and framerMotion
44
May 24, 2021-react, webdev, showdev, productivity
Built with Front-end library - Reactjs UI components - Chakra UI Animation library -...
Create production ready React+Rails applications
28
May 23, 2021-react, rails, webdev, showdev
This is a base project to quickly spin up a React+Rails application. If you want to create a react...