Usman's Blog

Usman Sabuwala

37 followers

Hey all! My name is Usman! I am 15 years old and learning web development and programming. I also have a YouTube channel on the subject of programming and mostly web development.

Subscribe to my newsletter and never miss my upcoming articles

🎉 Introducing Easy Pastes - Easiest way to create and share code pastes

Pinned article

Jul 26, 2021 4 min read 159 views

✨ Introduction to the app Easy Pastes is an app where users can easily paste some code they want to share with someone with syntax highlight and even if they want to make it public, they can do so to show other people. It is the easiest and fastest w...

🎉 Introducing Easy Pastes - Easiest way to create and share code pastes

💫 How to add routing loader using nprogress in Next.js?

Jul 1, 2021 3 min read 293 views

Hey everyone 👋! So Next.js has been very popular nowadays and I am completely switching from the good old React to the Next.js because it's of course better. With the awesome routing system in Next.js, there are a ton of advantages like events and a...

💫 How to add routing loader using nprogress in Next.js?

🐛 How to quickly spot errors in your JavaScript code in VS Code

Apr 14, 2021 2 min read 191 views

Hello again 👋 This is a very amazing way to use the powers of Visual Studio Code in your JavaScript files to quickly spot errors. You might know about TypeScript . It's a wonderful superset of JavaScript which gives JS the power of types and helps...

🐛 How to quickly spot errors in your JavaScript code in VS Code

🎨 How to create Twitter Profile Hover Card using HTML and CSS

Jan 29, 2021 7 min read 363 views

Welcome back developers! 👋 In this post, we'll see how you can recreate the hover card by Twitter using HTML and CSS, so let's get started. This hover card will appear when you hover over any profile. But in our case, we will just make the over card...

✨ How to make your React app a PWA with Create React App 4

Dec 25, 2020 3 min read 544 views

Welcome back developers 👋. Create React App or react-scripts is a great tool to scaffold out our React Apps. And one of the best parts of it was that we got a readymade serviceWorker.js file with it which would help us make the React app offline so ...

✨ How to make your React app a PWA with Create React App 4

🌓 How to change the favicon according to system dark mode!

Dec 10, 2020 6 min read 397 views

👋 Hi again! Welcome back to another blog post and this one will also be quite helpful! In this post, I have covered about how you can change the favicon according to system dark mode. An example is GitHub. When my system color is dark, the logo bec...