<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: R Shahriar</title>
    <description>The latest articles on DEV Community by R Shahriar (@make-with-rs).</description>
    <link>https://dev.to/make-with-rs</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4015398%2F2c2dc8ad-72d1-48b1-b26b-450e365bee72.png</url>
      <title>DEV Community: R Shahriar</title>
      <link>https://dev.to/make-with-rs</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/make-with-rs"/>
    <language>en</language>
    <item>
      <title>Windows Doesn't Have a Real Internet Speed Meter... So I Built One</title>
      <dc:creator>R Shahriar</dc:creator>
      <pubDate>Sat, 04 Jul 2026 19:09:12 +0000</pubDate>
      <link>https://dev.to/make-with-rs/windows-doesnt-have-a-real-internet-speed-meter-so-i-built-one-3n30</link>
      <guid>https://dev.to/make-with-rs/windows-doesnt-have-a-real-internet-speed-meter-so-i-built-one-3n30</guid>
      <description>&lt;p&gt;One thing that always surprised me about Windows is that there's no simple way to see your internet speed in real time.&lt;/p&gt;

&lt;p&gt;Yes, &lt;strong&gt;Task Manager&lt;/strong&gt; shows network activity.&lt;/p&gt;

&lt;p&gt;Yes, &lt;strong&gt;Settings&lt;/strong&gt; shows data usage.&lt;/p&gt;

&lt;p&gt;But neither gives you a small, always-visible internet speed meter that you can glance at while working, gaming, or downloading files.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Problem
&lt;/h2&gt;

&lt;p&gt;I wanted something that could answer these questions instantly:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Is my internet actually slow?&lt;/li&gt;
&lt;li&gt;Is something downloading in the background?&lt;/li&gt;
&lt;li&gt;How much data have I used today?&lt;/li&gt;
&lt;li&gt;Why is my bandwidth suddenly maxed out?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Windows couldn't answer these without opening multiple windows.&lt;/p&gt;

&lt;h2&gt;
  
  
  So I Built &lt;a href="https://apps.microsoft.com/detail/9N9NFRWKTH8L?hl" rel="noopener noreferrer"&gt;Internet Usage Tracker&lt;/a&gt;
&lt;/h2&gt;

&lt;p&gt;Instead of a complex network analyzer, I wanted something simple and clean.&lt;/p&gt;

&lt;p&gt;The app includes:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;🚀 Real-time upload &amp;amp; download speed&lt;/li&gt;
&lt;li&gt;📊 Daily internet usage tracking&lt;/li&gt;
&lt;li&gt;🖥️ A beautiful customizable floating speed meter&lt;/li&gt;
&lt;li&gt;⚡ Lightweight performance with minimal resource usage&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The best part is that the speed meter blends naturally with your desktop, making it feel like a native Windows widget instead of another bulky application.&lt;/p&gt;

&lt;h2&gt;
  
  
  Who Is It For?
&lt;/h2&gt;

&lt;p&gt;This tool is useful if you:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Download large files regularly&lt;/li&gt;
&lt;li&gt;Play online games&lt;/li&gt;
&lt;li&gt;Work from home&lt;/li&gt;
&lt;li&gt;Stream videos&lt;/li&gt;
&lt;li&gt;Have a limited internet plan&lt;/li&gt;
&lt;li&gt;Simply want to monitor your connection in real time&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Final Thoughts
&lt;/h2&gt;

&lt;p&gt;If you've ever searched for &lt;strong&gt;"How to show internet speed on Windows 10"&lt;/strong&gt;, &lt;strong&gt;"Internet speed meter for Windows 11"&lt;/strong&gt;, or &lt;strong&gt;"How to monitor internet usage on PC"&lt;/strong&gt;, this is exactly why I created &lt;strong&gt;&lt;a href="https://apps.microsoft.com/detail/9N9NFRWKTH8L?hl" rel="noopener noreferrer"&gt;Internet Usage Tracker&lt;/a&gt;&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;I'd love to hear your feedback.&lt;/p&gt;

&lt;p&gt;What feature would make an internet speed meter perfect for you?&lt;/p&gt;

</description>
      <category>windows</category>
      <category>productivity</category>
      <category>software</category>
      <category>tool</category>
    </item>
    <item>
      <title>AI Generates the Code. PreviewKit Lets You See It Instantly.</title>
      <dc:creator>R Shahriar</dc:creator>
      <pubDate>Sat, 04 Jul 2026 18:44:48 +0000</pubDate>
      <link>https://dev.to/make-with-rs/ai-generates-the-code-previewkit-lets-you-see-it-instantly-3kc0</link>
      <guid>https://dev.to/make-with-rs/ai-generates-the-code-previewkit-lets-you-see-it-instantly-3kc0</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fp984r4qz196r3hmbui3w.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fp984r4qz196r3hmbui3w.png" alt=" " width="800" height="533"&gt;&lt;/a&gt;AI coding assistants have changed the way I build frontend applications.&lt;/p&gt;

&lt;p&gt;Instead of spending 30 minutes creating a UI component, I can describe what I want and get a React or Vue component in seconds.&lt;/p&gt;

&lt;p&gt;That's amazing.&lt;/p&gt;

&lt;p&gt;But I noticed something interesting.&lt;/p&gt;

&lt;p&gt;The faster AI became at generating code, the more obvious one old problem became:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Previewing that code was still slow.&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  The Productivity Gap
&lt;/h2&gt;

&lt;p&gt;Imagine this workflow.&lt;/p&gt;

&lt;p&gt;You ask an AI to create a pricing card.&lt;/p&gt;

&lt;p&gt;It generates a JSX file.&lt;/p&gt;

&lt;p&gt;Now you want to know one thing:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Does it actually look good?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Instead of seeing the answer immediately, you have to:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Create a React project&lt;/li&gt;
&lt;li&gt;Install dependencies&lt;/li&gt;
&lt;li&gt;Copy the component&lt;/li&gt;
&lt;li&gt;Run the development server&lt;/li&gt;
&lt;li&gt;Wait for everything to load&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Ironically, previewing the component often takes longer than generating it.&lt;/p&gt;

&lt;p&gt;That doesn't make sense anymore.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Idea Behind &lt;a href="https://apps.microsoft.com/detail/9N8J3H54Z4MF?hl=en-us&amp;amp;gl=BD&amp;amp;ocid=pdpshare" rel="noopener noreferrer"&gt;PreviewKit&lt;/a&gt;
&lt;/h2&gt;

&lt;p&gt;I wanted something much simpler.&lt;/p&gt;

&lt;p&gt;I wanted frontend files to behave like normal files.&lt;/p&gt;

&lt;p&gt;Double-click.&lt;/p&gt;

&lt;p&gt;Open.&lt;/p&gt;

&lt;p&gt;Preview.&lt;/p&gt;

&lt;p&gt;Done.&lt;/p&gt;

&lt;p&gt;That's exactly what &lt;a href="https://apps.microsoft.com/detail/9N8J3H54Z4MF?hl=en-us&amp;amp;gl=BD&amp;amp;ocid=pdpshare" rel="noopener noreferrer"&gt;PreviewKit&lt;/a&gt; is designed to do.&lt;/p&gt;

&lt;h2&gt;
  
  
  More Than Just JSX
&lt;/h2&gt;

&lt;p&gt;Although &lt;a href="https://apps.microsoft.com/detail/9N8J3H54Z4MF?hl=en-us&amp;amp;gl=BD&amp;amp;ocid=pdpshare" rel="noopener noreferrer"&gt;PreviewKit&lt;/a&gt; started as an idea for React developers, I quickly realized the same problem exists across different frontend technologies.&lt;/p&gt;

&lt;p&gt;That's why &lt;a href="https://apps.microsoft.com/detail/9N8J3H54Z4MF?hl=en-us&amp;amp;gl=BD&amp;amp;ocid=pdpshare" rel="noopener noreferrer"&gt;PreviewKit&lt;/a&gt; supports:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;JSX&lt;/li&gt;
&lt;li&gt;Vue&lt;/li&gt;
&lt;li&gt;HTML&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Whether you're testing an AI-generated component, reviewing a teammate's work, or opening an old UI prototype, the experience should be identical.&lt;/p&gt;

&lt;p&gt;No setup.&lt;/p&gt;

&lt;p&gt;No configuration.&lt;/p&gt;

&lt;p&gt;No unnecessary steps.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why This Matters
&lt;/h2&gt;

&lt;p&gt;The future of development isn't just about writing code.&lt;/p&gt;

&lt;p&gt;It's about reviewing, testing, and iterating faster.&lt;/p&gt;

&lt;p&gt;AI has accelerated code generation.&lt;/p&gt;

&lt;p&gt;Developer tools now need to accelerate everything that comes after it.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://apps.microsoft.com/detail/9N8J3H54Z4MF?hl=en-us&amp;amp;gl=BD&amp;amp;ocid=pdpshare" rel="noopener noreferrer"&gt;PreviewKit&lt;/a&gt; helps close that gap by making visual feedback almost instant.&lt;/p&gt;

&lt;h2&gt;
  
  
  Built for Everyday Development
&lt;/h2&gt;

&lt;p&gt;I didn't build &lt;a href="https://apps.microsoft.com/detail/9N8J3H54Z4MF?hl=en-us&amp;amp;gl=BD&amp;amp;ocid=pdpshare" rel="noopener noreferrer"&gt;PreviewKit&lt;/a&gt; for massive enterprise projects.&lt;/p&gt;

&lt;p&gt;I built it for everyday moments.&lt;/p&gt;

&lt;p&gt;Opening a component.&lt;/p&gt;

&lt;p&gt;Checking a layout.&lt;/p&gt;

&lt;p&gt;Reviewing a UI.&lt;/p&gt;

&lt;p&gt;Testing an idea.&lt;/p&gt;

&lt;p&gt;Those are tasks we perform constantly.&lt;/p&gt;

&lt;p&gt;Removing friction from those moments makes development feel noticeably smoother.&lt;/p&gt;

&lt;h2&gt;
  
  
  Final Thoughts
&lt;/h2&gt;

&lt;p&gt;Some tools try to solve everything.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://apps.microsoft.com/detail/9N8J3H54Z4MF?hl=en-us&amp;amp;gl=BD&amp;amp;ocid=pdpshare" rel="noopener noreferrer"&gt;PreviewKit&lt;/a&gt; focuses on solving one problem really well.&lt;/p&gt;

&lt;p&gt;Opening frontend files shouldn't require creating an entire project.&lt;/p&gt;

&lt;p&gt;It should be as simple as opening an image.&lt;/p&gt;

&lt;p&gt;That's the experience I'm trying to build.&lt;/p&gt;

&lt;p&gt;If you're constantly working with JSX, Vue, or HTML files, I'd love to know:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;How do you currently preview standalone components?&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>vue</category>
      <category>javascript</category>
      <category>webdev</category>
      <category>productivity</category>
    </item>
    <item>
      <title>How I Built an AI-Powered Windows App to Automate Image SEO</title>
      <dc:creator>R Shahriar</dc:creator>
      <pubDate>Sat, 04 Jul 2026 18:23:25 +0000</pubDate>
      <link>https://dev.to/make-with-rs/how-i-built-an-ai-powered-windows-app-to-automate-image-seo-109h</link>
      <guid>https://dev.to/make-with-rs/how-i-built-an-ai-powered-windows-app-to-automate-image-seo-109h</guid>
      <description>&lt;p&gt;If you've ever managed a large collection of images, you've probably experienced this.&lt;/p&gt;

&lt;p&gt;Editing the images is only half the job.&lt;/p&gt;

&lt;p&gt;After exporting them, you still need to add:&lt;/p&gt;

&lt;p&gt;Titles&lt;br&gt;
Descriptions&lt;br&gt;
Alt text&lt;br&gt;
Keywords&lt;br&gt;
IPTC/XMP metadata&lt;/p&gt;

&lt;p&gt;For a handful of images, that's manageable.&lt;/p&gt;

&lt;p&gt;For hundreds of images, it becomes one of the most repetitive tasks in the entire workflow.&lt;/p&gt;

&lt;p&gt;The Problem&lt;/p&gt;

&lt;p&gt;I searched for a Windows application that could:&lt;/p&gt;

&lt;p&gt;Generate image metadata with AI&lt;br&gt;
Write IPTC and XMP metadata directly into image files&lt;br&gt;
Process multiple images in bulk&lt;br&gt;
Still allow full manual editing&lt;/p&gt;

&lt;p&gt;I found tools that handled parts of the workflow.&lt;/p&gt;

&lt;p&gt;Some could edit metadata.&lt;/p&gt;

&lt;p&gt;Some could generate AI text.&lt;/p&gt;

&lt;p&gt;But I couldn't find one focused on Image SEO from start to finish.&lt;/p&gt;

&lt;p&gt;So I decided to build it myself.&lt;/p&gt;

&lt;p&gt;Building &lt;a href="https://apps.microsoft.com/detail/9P189CZTZF3B?hl=en-us&amp;amp;gl=BD&amp;amp;ocid=pdpshare" rel="noopener noreferrer"&gt;Image SEO AI&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The project eventually became &lt;a href="https://apps.microsoft.com/detail/9P189CZTZF3B?hl=en-us&amp;amp;gl=BD&amp;amp;ocid=pdpshare" rel="noopener noreferrer"&gt;Image SEO AI&lt;/a&gt;, a Windows desktop application built specifically for creators who need to optimize image metadata.&lt;/p&gt;

&lt;p&gt;Instead of replacing existing photo editors, the goal was to eliminate repetitive metadata work.&lt;/p&gt;

&lt;p&gt;Today, the application can:&lt;/p&gt;

&lt;p&gt;Generate image titles with AI&lt;br&gt;
Create SEO-friendly descriptions&lt;br&gt;
Generate alt text&lt;br&gt;
Suggest relevant keywords&lt;br&gt;
Write IPTC &amp;amp; XMP metadata&lt;br&gt;
Process up to 50 images in a single batch&lt;br&gt;
Support both AI-assisted and manual editing&lt;br&gt;
One Challenge I Didn't Expect&lt;/p&gt;

&lt;p&gt;The biggest challenge wasn't AI.&lt;/p&gt;

&lt;p&gt;It was designing a workflow that still felt familiar.&lt;/p&gt;

&lt;p&gt;Many users don't want AI to make every decision.&lt;/p&gt;

&lt;p&gt;Sometimes they just want a better starting point.&lt;/p&gt;

&lt;p&gt;That's why every AI-generated field can be edited before saving.&lt;/p&gt;

&lt;p&gt;The application is designed to speed up repetitive work—not remove user control.&lt;/p&gt;

&lt;p&gt;Lessons Learned&lt;/p&gt;

&lt;p&gt;Building this project taught me a few things.&lt;/p&gt;

&lt;p&gt;AI works best as an assistant, not a replacement.&lt;br&gt;
Small workflow improvements can save hours every week.&lt;br&gt;
Metadata management is still an underserved problem.&lt;br&gt;
Simplicity often matters more than adding more features.&lt;br&gt;
What's Next?&lt;/p&gt;

&lt;p&gt;I'm continuing to improve &lt;a href="https://apps.microsoft.com/detail/9P189CZTZF3B?hl=en-us&amp;amp;gl=BD&amp;amp;ocid=pdpshare" rel="noopener noreferrer"&gt;Image SEO AI&lt;/a&gt; based on user feedback.&lt;/p&gt;

&lt;p&gt;Some of the features I'm currently exploring include:&lt;/p&gt;

&lt;p&gt;Smarter keyword suggestions&lt;br&gt;
Additional metadata standards&lt;br&gt;
Better AI prompts&lt;br&gt;
More bulk automation&lt;br&gt;
Improved export options&lt;/p&gt;

&lt;p&gt;If you regularly work with images, I'd love to hear how you currently handle metadata.&lt;/p&gt;

&lt;p&gt;Is there a feature you wish existing tools had?&lt;/p&gt;

&lt;p&gt;I'm always looking for ideas from developers, photographers, marketers, and content creators.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>seo</category>
      <category>microsoft</category>
      <category>productivity</category>
    </item>
  </channel>
</rss>
