Currently, I'm learning Nextjs and Typescript. And for learning perspective I decided to rebuilt my...

Create professional portfolio website with Nextjs and ChakraUI

Muhammad  Ahmad

Features    CRUD operations Responsiveness Beautiful animations Image slider           ...

Create a Notebook app with React, ChakraUi, and framerMotion

I have already created 2 portfolio websites.  Here is my 3rd portfolio website. This is a very simple...

showdev

Create a portfolio card with React, ChakraUi, and framerMotion

I have created multiple portfolio website templates using ChakraUI and React. You can check my...

Let's create a portfolio website using Dev.to as a CMS

Pages    About   Skills Career Education     Articles   Blog posts     Open-source   ...

Build Portfolio website with React and ChakraUi

I was thinking about making some changes in my portfolio website since past few months. I couldn't...

Started 2022 by updating portfolio website

I'll be creating a Hulu webpage clone with Next.js and Tailwind.  Live demo: hulu-clone-live Github...

Let's build Hulu clone with Next.js & Tailwind

I have been writing on dev.to for more than 1 year. I really like to write articles on dev.to but now...

How to create a blog for your Next.js and ChakraUI website

I want to share new updated version of my portfolio website. Here is the list of new features and...

Find out what's new in my portfolio website

1.Create a Nextjs app    yarn create next-app --typescript        Enter fullscreen mode           ...

Let's build Airbnb Home page with Nextjs and ChakraUI - Part 1

Built with    Front-end library - Reactjs  UI components - Chakra UI  Animation library -...

Let's build a attractive portfolio page with React, ChakraUi, and framerMotion

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 3(final)

Portfolio card post                                          Create a portfolio card with...

Create a animated portfolio card with React and ChakraUI

Demo Link: Portfolio GitHub Repo: Repo           Pages    Home...

Create a beautiful personal website with react, ChakraUi and framerMotion

Today I updated my portfolio website with a story page.             At the moment, I'm...

Create developer story just like stackoverflow with react and chakraUi

Goal   The main goal of this app to understand how to create a react app on the basis of...

Create an app with react(context api) and ruby on rails by using chakraUI and Formik

This is a base project to quickly spin up a React+Rails application.  If you want to create a react...

Create production ready React+Rails applications

Create new rails app Install following Gems     gem 'nokogiri' gem 'open-uri'        Enter...

How to count html tags in a web page by using web url

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 2

I created a notebook app in react a few months ago. I wrote article about it.                        ...

Migrating a notebook app from react to Next.js

This is a base project to quickly spin up a Rails+Tailwindcss application. I'm using it for my rails...

Start building rails apps quickly with quickstart-rails-tailwind

Quick Overview   In a previous article, I talked about how to create a simple CRUD app with...

Create a blog app with user authentication by using React and ROR

Let's find out 10 new chakra-ui components that I added to TemplatesKart website recently.          ...

Free 10 new Chakra UI components - TemplatesKart

Hi folks, I added 8 new components to TemplatesKart website. So I want to share them with you. Please...

Find out 8 new chakraUI components that I built

TemplatesKart provides an easy solution to getting the look you want for your website without having...

TemplatesKart | New landing page built with ChakraUI

Project Overview   TemplatesKart is a powerful set of fully responsive and accessible React...

TemplatesKart | Free Chakra UI Components and Projects

Let's find out 10 new chakra-ui components that I added to TemplatesKart website.          ...

Free 10 Chakra UI components - TemplatesKart

A Changelog page for any website is a good way to keep your audience up to date with new and...

I made changelog page for my portfolio website

Let's find out 12 new chakra-ui components that I have added to TemplatesKart website recently.      ...

Free 12 new Chakra UI components - TemplatesKart

I was not expecting to get Next.js badge so early because currently I'm learning it and it was my 2nd...

Hey! 👋

My name is Ahmad and I'm a Full Stack Developer and an open source lover from Pakistan 🇵🇰

This is my digital garden, where I write about the things I'm working on and share what I've learned. 😊

Popular Articles

Create professional portfolio website with Nextjs and ChakraUI

Create a Notebook app with React, ChakraUi, and framerMotion

Create a portfolio card with React, ChakraUi, and framerMotion

.css-b3pn3b{display:inline-block;position:relative;}Hey!.css-1c50u9e{display:block;position:absolute;background:var(--chakra-colors-gray-200);width:100%;height:1px;bottom:calc(var(--chakra-space-2) * -1);} 👋

My name is .css-35ezg3{font-weight:600;}Ahmad and I'm a .css-epvm6{white-space:nowrap;}Full Stack Developer and an open source lover from Pakistan 🇵🇰

This is my digital garden, where I write about the things I'm working on and share what I've learned. 😊

Popular Articles

Create a Notebook app with React, ChakraUi, and framerMotion

Create a portfolio card with React, ChakraUi, and framerMotion

Hey! 👋

My name is Ahmad and I'm a Full Stack Developer and an open source lover from Pakistan 🇵🇰