DEV Community: Umair Shakoor

Git Commits

Umair Shakoor — Thu, 19 Mar 2026 12:49:58 +0000

I always wonder that how those top engineers write the best commits meanwhile Le me who just commit "update" after doing tons of stuff 😂

until I realized that a commit message should be satisfy :

"If someone reads this commit, will they understand the change WITHOUT opening code?"

That's it .

Congrats, you understand what is good commit message !

but when to commit ?

most people like me after doing random changes commit msg "final changes" , however the real rule is :

"if you can clearly explain what you have changed till now and it is a small change then commit otherwise don't"

Example :

you have added feature of file validation instead of waiting to finish whole project then commit. Just commit on that step with "add file validation"

PS : Hope, this make sense . I learned this the hard way, but you are lucky to know it easily 😁

I got tired of opening 3 different tools just to do simple image edits.

Umair Shakoor — Mon, 09 Mar 2026 10:08:18 +0000

So I built BubbleKit 🫧

A tiny browser tool that lets you:

🖼️ Remove backgrounds
📏 Resize images
⚡ Export WebP fast

Would love honest feedback 🙏

Calculator using Vanilla JavaScript

Umair Shakoor — Thu, 11 Dec 2025 13:29:00 +0000

🚀 What I Practiced

This is a practice project to improve my skills in JS eval and DOM.

💡 Project Overview

Calculator is a great practice project for JS eval and DOM.

✅ Practiced JS eval
✅ Explored amazing array Functions like includes()
✅ Learned JS DOM

🔗 Links

Live Demo
Source Code

PS: Any suggestions or feedback? 🤔

Umair's Coming Soon Portfolio

Umair Shakoor — Tue, 09 Dec 2025 06:53:53 +0000

🚀 What I Practiced

This is a practice project to improve my skills in JavaScript.

💡 Project Overview

You have not seen this kind of Coming Soon Portfolio yet

✅ Practiced JavaScript
✅ Explored Canvas
✅ Learned Ui/Ux

🔗 Links

Live Demo
Source Code

PS: Any suggestions or feedback? 🤔

𝗠𝗼𝘀𝘁 𝘁𝗲𝗮𝗰𝗵𝗲𝗿𝘀 𝗗𝗢𝗡’𝗧 𝗸𝗻𝗼𝘄 𝘁𝗵𝗶𝘀 𝗮𝗯𝗼𝘂𝘁 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁'𝘀 finally {} 𝗯𝗹𝗼𝗰𝗸...

Umair Shakoor — Mon, 01 Dec 2025 13:25:40 +0000

try{} and catch{} are easy:

try{} runs code (and prevents script crash on error)
catch{} handles the error

But finally{} 𝗶𝘀 𝘁𝗵𝗲 𝗺𝗶𝘀𝘂𝗻𝗱𝗲𝗿𝘀𝘁𝗼𝗼𝗱 𝗼𝗻𝗲.

Most people say:

"finally{} always runs after try{} or catch{}."

Correct… 𝗯𝘂𝘁 𝗼𝗻𝗹𝘆 𝗵𝗮𝗹𝗳 𝘁𝗵𝗲 𝘁𝗿𝘂𝘁𝗵.

Here’s the surprise:

You 𝗱𝗼𝗻’𝘁 𝗻𝗲𝗲𝗱 finally{} to run code after try/catch in a simple block:

try { console.log(a) }
catch (error) { console.log(error) }
finally { console.log("The End") }

You could just place console.log("The End") after everything.

So… what’s the real purpose of finally{}?

𝗧𝗵𝗲 𝗿𝗲𝗮𝗹 𝗽𝗼𝘄𝗲𝗿 𝗮𝗽𝗽𝗲𝗮𝗿𝘀 𝗶𝗻𝘀𝗶𝗱𝗲 𝗳𝘂𝗻𝗰𝘁𝗶𝗼𝗻𝘀:

function main() {

 try {

 return a

 } catch (error) {

 return error

 } finally {

 console.log("The End")

 }

}

Normally, when a function hits return, the remaining code never executes.

But with finally{}, this line 𝘀𝘁𝗶𝗹𝗹 𝗿𝘂𝗻𝘀, even if both try and catch returned.

That's the true magic of finally{} —

It 𝗮𝗹𝘄𝗮𝘆𝘀 executes, even after a return, making it perfect for cleanup, logs, closing connections, releasing resources, etc.

I was confused about this early on, but once it clicked, it made advanced JS flow much clearer.

𝗣𝗦: Which JavaScript concept confused you the most when you first learned it?

🎉 Mini Game Project Completed: Tic Tac Toe! 🕹️

Umair Shakoor — Mon, 24 Nov 2025 14:42:33 +0000

I'm excited to share that I've completed a Mini Game Project – Tic Tac Toe!

It might sound simple, but small projects like this are essential for building a strong foundation as a Frontend Developer 💻. They prepare you for bigger, more complex projects.

Why I built it

Most web-based Tic Tac Toe games lack a clean, user-friendly UI – so I decided to create one! 🎨

Fun fact: It's a 2-player game, perfect to play with friends 👯

💡 Try it out and share your feedback or suggestions!

Live Preview: us-tictactoe.netlify.app
Source Code: GitHub Repo

No other Icons Library Needed 🥶

Umair Shakoor — Fri, 21 Nov 2025 02:46:49 +0000

Iconify is here.

It is OpenSource All in one Modern Ui Icons library.

They also have a CDN :

<script src="https://code.iconify.design/iconify-icon/3.0.0/iconify-icon.min.js" defer></script>

Just Paste this script in html head tag

Copy Web Components from

🔗 Iconify

by searching for your desired icon.

Then, paste that tag in your body , whereever you wanna use it and Boom 🤯.

Tip :

Use CSS Font-Size to cusomtize the size of the icon and you can also do that by giving width & height to iconify-icon tag.

Have you any suggestions or feedback?
Tell us in comments, I love it.

🫠 Like & Follow us - If you want these kind of more things...

Startup Failure

Umair Shakoor — Sat, 15 Nov 2025 02:46:02 +0000

This Startup Dialo3 Studio failed and the best lessons from mistakes I learned are :

I Entered the Market without proper research and knowledge

If you have enough money to invest in your idea, you can hire top talent and you don't necessarily have good knowledge about the business but for someone who is starting as a Solo Founder with no money could not hire top talent . So, that solo founder, only have option to first gain enough knowledge about that business, its target audience etc then launch. Otherwise, there are very few chances of Success

I was not passionated about that business idea and I just started it for some financial purposes

Any Business to be Successful takes a lot of time. There is always a process of grinding, consistency, patience, hardwork etc. All those could not be carried by a person who just started a business and thinking of it like a shortCut way of earning. Yes, it is true that Business has potential to make you rich but that is not overnight Success.

First Sale is the Hardest Step

When I see that in 1 - 2 months, things are not happening according to my Expectations, I quit. Later, I realize that first sale is the hardest step.
Bcz after that, you know exactly which things works and which not.

Any Suggestions and your Opinions about how a startup is failed mainly due to ... , drop in comments. I love that .

Forget Sensitive URls after Share !

Umair Shakoor — Sun, 09 Nov 2025 09:14:15 +0000

We just launched OneTimeLink on Product Hunt.

OneTimeLink helps you create links that auto-expire for secure, temporary sharing.
If you're curious, feedback and thoughts are welcome.

Website : onetimelink
Product Hunt : onetimelink

Last Post 🥲

Umair Shakoor — Tue, 05 Aug 2025 12:49:38 +0000

🌪️ I used to think…
“If I just shout loud enough online, maybe someone will hear me.”

I posted with ❤️, with 🔥, with truth...
But the world just kept scrolling. 📱

So I’ve decided to stop.
Not because I gave up.
But because I finally understood something deeper:

🤫 Real power is built in silence.

I’m not disappearing.
I’m preparing. 💻🧠

One day — when the world hears a new name shake the ground ⚡
You’ll remember the one who went quiet...

...and returned with thunder. ⚔️⚡🌍

— Umair Shakoor
👣 Building in Silence.
🕶️ See you on the other side...

🎨 Add Colors to Your Python Code with Colorama! 🐍✨

Umair Shakoor — Mon, 14 Jul 2025 09:37:43 +0000

Is your CLI output looking dull?

Time to Colorama-fy it! 🎉

💡 Why Use Colorama?

✅ Easy cross-platform terminal color support
🧠 Great for debugging, logging, and catching the eye
🔧 Simple syntax for styling output

🚀 How to Use

from colorama import init, Fore, Style
init()

print(Fore.RED + Style.BRIGHT + "🔥 Error Detected!")
print(Fore.GREEN + "✅ Success!")
print(Fore.YELLOW + Style.DIM + "⚠️ Warning: Proceed with Caution")

🎯 Key Features:

Fore.RED, Fore.GREEN, Fore.YELLOW, etc.

Style.BRIGHT, Style.DIM, Style.NORMAL

Back.COLORNAME for background colors

⚡ Tip: Use init(autoreset=True) to avoid manually resetting styles!

💬 Whether you're making a CLI app, logger, or just want prettier outputs,
Colorama adds life to your terminal! 🎨🖥️

🎲 Python’s random vs secrets — What’s the real difference?

Umair Shakoor — Sun, 06 Jul 2025 12:45:31 +0000

If you're learning Python, both modules look like they do the same thing: generate random values.

But here's the catch 👇

🔹 random
– Fast & simple
– Perfect for games, simulations, dice rolls, shuffling cards
– ❌ Not secure for sensitive data

🔹 secrets
– Designed for cryptographic use
– Best for tokens, passwords, secure keys
– ✅ Unpredictable & security-safe

💡 Rule of thumb:
→ Use random for fun & logic-based randomness
→ Use secrets for security & real-world protection

Knowing the difference isn’t just smart — it’s secure 🔐