Blog ✍️
I love building new things. This blog is a way for me to write down and share new ideas and lessons with everyone.
Spent the weekend crafting a delightful animated card using @chakra_ui and @framer motion! 🌟✨
15
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
25
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
19
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
19
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
24
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
18
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
20
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
23
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
19
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
21
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
95
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
39
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
44
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
57
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
137
4
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
26
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)
35
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
26
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
39
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
326
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...
Create a portfolio card with React, ChakraUi, and framerMotion
137
9
May 11, 2021-react, webdev, showdev, productivity
I have already created 2 portfolio websites. Here is my 3rd portfolio website. This is a very simple...
Start building rails apps quickly with quickstart-rails-tailwind
25
April 29, 2021-rails, webdev, showdev, productivity
This is a base project to quickly spin up a Rails+Tailwindcss application. I'm using it for my rails...
Create developer story just like stackoverflow with react and chakraUi
31
April 09, 2021-showdev, webdev, react, productivity
Today I updated my portfolio website with a story page. At the moment, I'm...
Build Portfolio website with React and ChakraUi
121
19
April 03, 2021-webdev, react, javascript, productivity
Pages About Skills Career Education Articles Blog posts Open-source ...
Create a Notebook app with React, ChakraUi, and framerMotion
174
9
April 02, 2021-typescript, react, webdev, javascript
Features CRUD operations Responsiveness Beautiful animations Image slider ...