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 created multiple portfolio website templates using ChakraUI and React. You can check my...

showdev

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

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

Create a portfolio card with React, ChakraUi, and framerMotion

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

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

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

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

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)

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

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

Portfolio card post                                          Create a portfolio card with...

Create a animated portfolio card 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

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

APP Overview   RailsReactBlog is a CRUD app.           This App will help you:    To...

Create ROR+React(RR) App with Tailwindcss

APP Overview   ReactBlog is a simple CRUD app that I built with React. Main goal of this app...

Create React App with chakraUI and formik libraries

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

Setup on Google Cloud Console    Create a Project e.g My-Project Start your free trial on Go...

Convert Video to text in Ruby

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

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

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

.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

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

Hey! 👋

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