The latest articles on Forem by Mohammed Abdullah Khan (@mak3). https://forem.com/mak3 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3164901%2Fdd676c94-6be3-4bdf-8087-3875511927c5.jpg https://forem.com/mak3 en Mohammed Abdullah Khan Fri, 26 Sep 2025 13:25:22 +0000 https://forem.com/mak3/introducing-smart-icons-kit-1g8 https://forem.com/mak3/introducing-smart-icons-kit-1g8 <p>✨ Ever wondered how apps like Splitwise instantly show icons as you type — typing “home” gives you 🏠 or “pizza” brings up 🍕?<br> Introducing Smart Icons Kit — a next-gen dynamic icon system for React Web and React Native.<br> Instead of searching through endless icon lists, Smart Icons Kit makes icons intelligent, searchable, and adaptive.</p> <p>💡 What makes it dynamic?<br> 🔍 Synonym Matching – Type home, house, or building → same icon<br> ✨ Fuzzy Prefix Matching – Even “hom” finds home<br> 🎯 Sentence Matching – Type “abc restaurant” → gets the food icon<br> 🛡️ Fallback Icons – No dead ends, always a graceful default<br> 📱 Cross-Platform – Works seamlessly on React + React Native/Expo<br> ⚡ High Performance – Optimized lookups with zero overhead</p> <p>📊 Inside the kit<br> 200+ icons organized into 19+ categories<br> 1000+ curated synonyms for natural discovery<br> Fully extensible — add your own icons and families with the same intelligence</p> <p>🎯 Why Smart Icons Kit?<br> Because developers deserve icons that adapt to you — not the other way around.</p> <p>📦 Install now: <code>npm install smart-icons-kit</code></p> <p>🙏 Icon Credits<br> Smart Icons Kit is powered by the amazing Lucide Icons project, ensuring high-quality, consistent icons across web and mobile.</p> <p>🚀 This project is open source and accepting contributions.<br> If you’re passionate about React, React Native, and building smarter UI components, we’d love your ideas and contributions!</p> <p>👉 Check it out: <a href="https://www.npmjs.com/package/smart-icons-kit" rel="noopener noreferrer">https://www.npmjs.com/package/smart-icons-kit</a></p> react reactnative npm typescript Mohammed Abdullah Khan Tue, 02 Sep 2025 06:00:45 +0000 https://forem.com/mak3/just-launched-my-portfolio-pd9 https://forem.com/mak3/just-launched-my-portfolio-pd9 <p><strong>Hey DEV Community</strong> 👋</p> <p>I’m excited to share that I’ve just launched my personal developer portfolio! 🎉</p> <p>🔗 <strong>Check it out here</strong>: <a href="https://www.mohammedabdullahkhan.com/" rel="noopener noreferrer">https://www.mohammedabdullahkhan.com/</a></p> <p>⚡ <strong>Tech Stack</strong></p> <ul> <li>Next.js + TypeScript + Tailwind CSS + Framer motion</li> <li>Responsive design</li> <li>SEO-friendly with a clean, minimal layout</li> </ul> <p>This has been a fun project where I focused on clean design, smooth interactions, and showcasing my work in a simple way.</p> <p>✨ I’d love to know what you think — does it feel smooth and easy to explore?</p> portfolio webdev nextjs frontend