<?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: Mohd Anas</title>
    <description>The latest articles on DEV Community by Mohd Anas (@mdanassaif).</description>
    <link>https://dev.to/mdanassaif</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.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F357770%2F97aa1e6d-6623-4d3d-84db-7fbff4372a63.png</url>
      <title>DEV Community: Mohd Anas</title>
      <link>https://dev.to/mdanassaif</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/mdanassaif"/>
    <language>en</language>
    <item>
      <title>Why Builders.to Exists — And Why Solo Founders Actually Need It</title>
      <dc:creator>Mohd Anas</dc:creator>
      <pubDate>Thu, 16 Apr 2026 10:56:59 +0000</pubDate>
      <link>https://dev.to/mdanassaif/why-buildersto-exists-and-why-solo-founders-actually-need-it-14ce</link>
      <guid>https://dev.to/mdanassaif/why-buildersto-exists-and-why-solo-founders-actually-need-it-14ce</guid>
      <description>&lt;h2&gt;
  
  
  You Have the Skills. So Why Aren't You Shipping?
&lt;/h2&gt;

&lt;p&gt;You know how to code. You have ideas. You've read all the startup advice.&lt;/p&gt;

&lt;p&gt;And yet — the week disappears. The Notion doc is full of plans that never became features. You open your codebase, tweak something small, close the laptop, and tell yourself you'll do the real work tomorrow.&lt;/p&gt;

&lt;p&gt;Sound familiar?&lt;/p&gt;

&lt;p&gt;This isn't a skill problem. It's not even a motivation problem.&lt;/p&gt;

&lt;p&gt;It's an &lt;strong&gt;isolation problem.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Solo founders don't fail because they're not smart enough. They fail because building alone — with no one asking "what did you ship today?" — makes it too easy to stall. Silently. For weeks.&lt;/p&gt;

&lt;p&gt;That's exactly why &lt;strong&gt;Builders.to&lt;/strong&gt; was built.&lt;/p&gt;




&lt;h2&gt;
  
  
  What Is Builders.to?
&lt;/h2&gt;

&lt;p&gt;Builders.to is an &lt;strong&gt;accountability and community platform built specifically for solo SaaS founders&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Not a Discord server. Not another Twitter community. Not a productivity app with streaks and badges.&lt;/p&gt;

&lt;p&gt;It's a structured system that gives solo founders what they actually need:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A &lt;strong&gt;daily place to log what they shipped&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;People who notice&lt;/strong&gt; when they go quiet&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Weekly check-ins&lt;/strong&gt; to report wins and blockers honestly&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Monthly 1-on-1 coaching&lt;/strong&gt; to cut through noise and pick the next move&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The platform was built by &lt;strong&gt;Ben Spak&lt;/strong&gt; — a full-stack developer and founder who understood the problem from the inside. He's not a "startup coach" who talks about shipping. He's someone who has shipped — real products, real code, real SEO work — and built Builders.to because the gap was obvious.&lt;/p&gt;

&lt;p&gt;Right now, &lt;strong&gt;707+ builders&lt;/strong&gt; are active on the platform. Over &lt;strong&gt;292 projects&lt;/strong&gt; have been posted. And the community is growing.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Real Problem: Building Alone Is Hard in a Way Nobody Talks About
&lt;/h2&gt;

&lt;p&gt;There's a well-known stat in the startup world: most solo founders take 3x longer to reach milestones compared to founding teams.&lt;/p&gt;

&lt;p&gt;The reason isn't usually technical. It's psychological.&lt;/p&gt;

&lt;p&gt;When you work in a team, there's natural accountability. Standups. Shared deadlines. Someone who asks "did you finish that?"&lt;/p&gt;

&lt;p&gt;When you build alone, there's none of that. You are the only one who knows when you skipped a day. You are the only one tracking your own progress. And your brain — being a very good rationalizer — will always have a reason why today isn't the right day to do hard things.&lt;/p&gt;

&lt;p&gt;This is the trap. And it's invisible until you're deep in it.&lt;/p&gt;




&lt;h2&gt;
  
  
  What Makes Builders.to Different
&lt;/h2&gt;

&lt;p&gt;There are already places where indie founders hang out. Indie Hackers. Product Hunt. Various Slack groups. Twitter/X threads.&lt;/p&gt;

&lt;p&gt;So what does Builders.to do differently?&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;It gives you structure, not just community.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Here's the difference:&lt;/p&gt;

&lt;p&gt;Most communities are &lt;strong&gt;reactive&lt;/strong&gt;. You post when you feel like it. You get replies if someone notices. It's passive. There's no rhythm.&lt;/p&gt;

&lt;p&gt;Builders.to is &lt;strong&gt;proactive&lt;/strong&gt;. There's a daily check-in rhythm. There's a weekly Sit Rep where you actually have to say what shipped and what's next. There's a monthly coaching call. The system is designed so that &lt;em&gt;not showing up is noticeable&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;One builder on the platform described it well:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;"The daily check-ins changed how I work. I stopped disappearing for two weeks at a time — someone actually notices when I'm quiet."&lt;/em&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;That's the whole point. Someone notices.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Founder's Circle: The Inner Layer
&lt;/h2&gt;

&lt;p&gt;The core of Builders.to is called the &lt;strong&gt;Founder's Circle&lt;/strong&gt; — a premium accountability tier for solo founders who need real structure.&lt;/p&gt;

&lt;p&gt;Here's what you get:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Daily check-ins via chat&lt;/strong&gt; — A simple but powerful habit. You log what you worked on every day. No vanity metrics. No fluff. Just honest progress.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Weekly Sit Reps over Zoom&lt;/strong&gt; — Every week, you report your wins, your blockers, and your one big bet for the next week. This is the thing most solo founders never do for themselves — and it makes a huge difference.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Monthly 1-on-1 coaching calls&lt;/strong&gt; — One focused call per month with Ben to cut through your own noise. Most founders leave these with one clear next move instead of twelve half-started ideas.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Private founder channel&lt;/strong&gt; — A space separate from the public feed, where the real conversations happen.&lt;/p&gt;

&lt;p&gt;The price is &lt;strong&gt;$50/month&lt;/strong&gt; (intro pricing) or &lt;strong&gt;$500/year&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;For context: one wasted month of stalling costs more than a year of accountability.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Builder Feed: Public Proof You're Moving
&lt;/h2&gt;

&lt;p&gt;Even outside the Founder's Circle, Builders.to has a &lt;strong&gt;public feed&lt;/strong&gt; where builders log their daily progress.&lt;/p&gt;

&lt;p&gt;This is different from Twitter threads or LinkedIn posts. It's not a highlight reel. It's a daily log — messy, honest, and real.&lt;/p&gt;

&lt;p&gt;You can see builders like &lt;strong&gt;oscargaske&lt;/strong&gt; posting things like:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;"day 26 of 433 — got a lot of feedback from my first paying customer today, and spent about 4 hours making those changes. then I started doing cold outreach..."&lt;/em&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;That's what building actually looks like. Not a viral thread about how someone hit $10K MRR. Real daily work. Logged in public.&lt;/p&gt;

&lt;p&gt;This kind of transparency does something important: it normalizes the process. It reminds you that everyone is figuring it out as they go.&lt;/p&gt;




&lt;h2&gt;
  
  
  Projects, Community Map, and More
&lt;/h2&gt;

&lt;p&gt;Beyond accountability, Builders.to has a full ecosystem:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Projects&lt;/strong&gt; — You can list your SaaS project on the platform. Your project page ties to your daily activity, so when you launch something, it has context. People can see your arc — not just a cold product page.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Builder Map&lt;/strong&gt; — A global map showing where builders are. You can find fellow founders near you.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Communities&lt;/strong&gt; — Join or create communities around shared interests or goals.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Leaderboard&lt;/strong&gt; — See who's shipping the most. A little healthy competition doesn't hurt.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Services&lt;/strong&gt; — Offer your skills or hire fellow builders for your project.&lt;/p&gt;

&lt;p&gt;It's designed to be a full workspace for solo founders — not just a place to lurk.&lt;/p&gt;




&lt;h2&gt;
  
  
  Who Is Builders.to For?
&lt;/h2&gt;

&lt;p&gt;If you're any of these, Builders.to was built for you:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;You're a &lt;strong&gt;solo founder&lt;/strong&gt; building a SaaS product without a team&lt;/li&gt;
&lt;li&gt;You're an &lt;strong&gt;indie hacker&lt;/strong&gt; with multiple ideas and not enough execution&lt;/li&gt;
&lt;li&gt;You're a &lt;strong&gt;developer&lt;/strong&gt; who has a product but keeps getting distracted&lt;/li&gt;
&lt;li&gt;You've been saying "I'll ship this month" for three months in a row&lt;/li&gt;
&lt;li&gt;You want a community that's about &lt;strong&gt;moving forward&lt;/strong&gt;, not just talking about it&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It is &lt;strong&gt;not&lt;/strong&gt; for people who just want a place to post announcements. It's for people who want to do the actual work.&lt;/p&gt;




&lt;h2&gt;
  
  
  Why This Matters in 2025 and Beyond
&lt;/h2&gt;

&lt;p&gt;The solo founder path has never been more possible. AI tools cut development time drastically. Distribution channels are everywhere. You can build a real product alone.&lt;/p&gt;

&lt;p&gt;But the psychological challenge hasn't changed. Isolation is still isolation. Stalling is still stalling.&lt;/p&gt;

&lt;p&gt;If anything, the abundance of tools makes it &lt;em&gt;easier&lt;/em&gt; to stay busy without actually moving forward. You can spend a week picking the perfect stack, writing a README nobody will read, or redesigning your landing page for the fourth time.&lt;/p&gt;

&lt;p&gt;Builders.to exists to interrupt that pattern. To create a system where you have to show up, say what you did, and actually be honest about where you're stuck.&lt;/p&gt;

&lt;p&gt;It's the accountability layer most solo founders are missing.&lt;/p&gt;




&lt;h2&gt;
  
  
  A Note from the Community
&lt;/h2&gt;

&lt;p&gt;Here are a few real things builders have said about being on the platform:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;"Weekly Sit Reps force me to name what shipped and what's stuck. It's the closest thing to a cofounder without giving up equity."&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;"The monthly coaching call cuts through my own BS. I leave with one clear next move instead of twelve half-started ideas."&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;"This is a cool community. I check daily to see what people are building there."&lt;/em&gt; — &lt;a class="mentioned-user" href="https://dev.to/mdanassaif"&gt;@mdanassaif&lt;/a&gt; on X&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;That last one matters. Not because it's praise, but because it says something simple: people actually come back every day. Not to scroll. To build.&lt;/p&gt;




&lt;h2&gt;
  
  
  Getting Started
&lt;/h2&gt;

&lt;p&gt;Getting onto Builders.to is simple:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Go to &lt;strong&gt;&lt;a href="https://builders.to" rel="noopener noreferrer"&gt;builders.to&lt;/a&gt;&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Create a free account and explore the feed&lt;/li&gt;
&lt;li&gt;Try Pro free for 7 days (starts after you're in the app)&lt;/li&gt;
&lt;li&gt;If you want the full accountability structure — daily check-ins, weekly Sit Reps, monthly coaching — join the &lt;strong&gt;Founder's Circle&lt;/strong&gt; for $50/month&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;You don't have to be at a certain stage to join. Whether you have zero users or a few hundred, the system works because the problem is the same at every stage: you need to keep moving.&lt;/p&gt;




&lt;h2&gt;
  
  
  Final Thought
&lt;/h2&gt;

&lt;p&gt;Most productivity systems ask you to be disciplined &lt;em&gt;by yourself&lt;/em&gt;. Track your own habits. Hold yourself accountable. Be consistent.&lt;/p&gt;

&lt;p&gt;That's hard. That's &lt;em&gt;really&lt;/em&gt; hard when you're the only one in the room.&lt;/p&gt;

&lt;p&gt;Builders.to doesn't ask you to be a different kind of person. It builds a structure around you — daily, weekly, monthly — so that showing up becomes the default, not the exception.&lt;/p&gt;

&lt;p&gt;If you're building something alone, you don't have to build it in silence.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Check out Builders.to at &lt;a href="https://builders.to" rel="noopener noreferrer"&gt;builders.to&lt;/a&gt; — the accountability layer solo founders are missing.&lt;/em&gt;&lt;/p&gt;




</description>
      <category>productivity</category>
      <category>accountability</category>
      <category>startup</category>
      <category>saas</category>
    </item>
    <item>
      <title>MarketingDB</title>
      <dc:creator>Mohd Anas</dc:creator>
      <pubDate>Wed, 07 Jan 2026 07:04:10 +0000</pubDate>
      <link>https://dev.to/mdanassaif/marketingdb-1a1l</link>
      <guid>https://dev.to/mdanassaif/marketingdb-1a1l</guid>
      <description>&lt;p&gt;Backlinks helped a lot with Marketing DB’s growth, and the idea is actually very simple. Instead of sounding like an SEO textbook, think of backlinks as other sites vouching for your project in public&lt;/p&gt;

&lt;h2&gt;
  
  
  What a backlink really is
&lt;/h2&gt;

&lt;p&gt;A backlink is just one website linking to another website, nothing fancy.&lt;br&gt;
​&lt;br&gt;
When someone links to your project page, they’re telling both their users and Google, “this is useful”.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why developers should care
&lt;/h2&gt;

&lt;p&gt;Good backlinks help your site rank higher on Google, so people can discover your project without ads.&lt;br&gt;
​&lt;br&gt;
They also send direct traffic from people who are already interested in your niche, which usually means better engagement and signups.&lt;/p&gt;

&lt;h2&gt;
  
  
  What changed for Marketing DB
&lt;/h2&gt;

&lt;p&gt;On Marketing DB, there are now 40+ projects listed, and backlinks are a big reason traffic keeps growing.&lt;/p&gt;

&lt;p&gt;When projects share their Marketing DB listing on X, blogs, and portfolios, each of those links becomes a backlink to the site.&lt;br&gt;
​&lt;/p&gt;

&lt;p&gt;Over time, this helped the directory show up more often for long-tail searches like “marketing tools for founders” or “tool directories for indie hackers”.&lt;br&gt;
​&lt;/p&gt;

&lt;h2&gt;
  
  
  Why it works well for a directory
&lt;/h2&gt;

&lt;p&gt;A directory like Marketing DB is a natural backlink magnet.&lt;/p&gt;

&lt;p&gt;Every new project listed has a reason to link back: “Find us on Marketing DB,” “Featured on Marketing DB,” etc..&lt;br&gt;
​&lt;/p&gt;

&lt;p&gt;As more builders link to their listings, the whole site’s authority grows, which lifts all projects on the platform in search as well.&lt;br&gt;
​&lt;/p&gt;

&lt;p&gt;MarketingDB listed 40+ projects and more ahead&lt;br&gt;
-&amp;gt; &lt;a href="https://marketingdb.live" rel="noopener noreferrer"&gt;https://marketingdb.live&lt;/a&gt;&lt;/p&gt;

</description>
      <category>seo</category>
      <category>marketing</category>
      <category>directory</category>
    </item>
    <item>
      <title>Inspect and edit any website 3x faster and export changes effortlessly</title>
      <dc:creator>Mohd Anas</dc:creator>
      <pubDate>Fri, 22 Aug 2025 06:13:49 +0000</pubDate>
      <link>https://dev.to/mdanassaif/inspect-and-edit-any-website-3x-faster-and-export-changes-effortlessly-4cal</link>
      <guid>https://dev.to/mdanassaif/inspect-and-edit-any-website-3x-faster-and-export-changes-effortlessly-4cal</guid>
      <description>&lt;p&gt;Hey developer or designer,&lt;/p&gt;

&lt;p&gt;You know how crucial it is to move fast and be efficient. SuperDev Pro to do exactly that—it's a 14-in-1 browser extension that puts a whole toolkit right in your hands, so you can inspect and edit any website 3x faster and export your work effortlessly.&lt;/p&gt;

&lt;p&gt;This extension helps you cut down on the time-consuming back-and-forth between your code editor and the browser. No matter what framework, library, or theme a site is built with, SuperDev Pro just works.&lt;/p&gt;




&lt;h2&gt;
  
  
  The 14 Essential Tools of SuperDev Pro
&lt;/h2&gt;




&lt;h3&gt;
  
  
  CSS Inspector
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;What it does:&lt;/strong&gt; Easily inspect and edit CSS properties on any element. You can tweak colors, fonts, margins, and more, and see the changes live on the page. It's like having the DevTools inspector, but with a more streamlined interface.&lt;/p&gt;

&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.amazonaws.com%2Fuploads%2Farticles%2Fh8235nqzleh6syr72l7n.gif" 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.amazonaws.com%2Fuploads%2Farticles%2Fh8235nqzleh6syr72l7n.gif" alt="Video showing the CSS Inspector feature of SuperDev Pro" width="720" height="426"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Live Text Editor
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;What it does:&lt;/strong&gt; Edit any text on a webpage in real-time. This is perfect for testing out new headlines, descriptions, or content, letting you see how it fits before you ever touch the code.&lt;/p&gt;

&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.amazonaws.com%2Fuploads%2Farticles%2F78f3uopa79k3ejf2vc84.gif" 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.amazonaws.com%2Fuploads%2Farticles%2F78f3uopa79k3ejf2vc84.gif" alt="GIF showing the Live Text Editor feature of SuperDev Pro" width="720" height="426"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Fonts Changer
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;What it does:&lt;/strong&gt; Instantly switch the font of any element. You can browse from a huge library of Google Fonts and even your local fonts to find the perfect typography for your design.&lt;/p&gt;

&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.amazonaws.com%2Fuploads%2Farticles%2Fiqw4vkh0symszmcf890d.gif" 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.amazonaws.com%2Fuploads%2Farticles%2Fiqw4vkh0symszmcf890d.gif" alt="GIF showing the Fonts Changer feature of SuperDev Pro" width="720" height="426"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  List All Fonts
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;What it does:&lt;/strong&gt; Curious what fonts a site is using? This tool lists every font on the page, along with its size, weight, and style. It's a quick way to understand a site's typography.&lt;/p&gt;

&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.amazonaws.com%2Fuploads%2Farticles%2F0nav3rztjnz14ytn0yn7.gif" 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.amazonaws.com%2Fuploads%2Farticles%2F0nav3rztjnz14ytn0yn7.gif" alt="GIF showing the List All Fonts feature of SuperDev Pro" width="720" height="426"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Color Picker
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;What it does:&lt;/strong&gt; Grab any color from anywhere on the webpage, even from images or videos. This gives you the exact hex code or RGB value you need for your design.&lt;/p&gt;

&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.amazonaws.com%2Fuploads%2Farticles%2F39fbojsqlz8zrj5hx1sx.gif" 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.amazonaws.com%2Fuploads%2Farticles%2F39fbojsqlz8zrj5hx1sx.gif" alt="GIF showing the Color Picker feature of SuperDev Pro" width="800" height="474"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Color Palette
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;What it does:&lt;/strong&gt; Unveil the entire color palette of a website with a single click. This is a great tool for getting a quick overview of a site's design language.&lt;/p&gt;

&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.amazonaws.com%2Fuploads%2Farticles%2Ffhvt7fwp9viqlvdhagks.gif" 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.amazonaws.com%2Fuploads%2Farticles%2Ffhvt7fwp9viqlvdhagks.gif" alt="GIF showing the Color Palette feature of SuperDev Pro" width="720" height="426"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Move Element
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;What it does:&lt;/strong&gt; Drag and drop elements on the page to a new position. This lets you experiment with different layouts and arrangements without writing any code.&lt;/p&gt;

&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.amazonaws.com%2Fuploads%2Farticles%2F82ialw15uf9667i96orp.gif" 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.amazonaws.com%2Fuploads%2Farticles%2F82ialw15uf9667i96orp.gif" alt="GIF showing the Move Element feature of SuperDev Pro" width="720" height="426"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Delete Element
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;What it does:&lt;/strong&gt; Instantly remove or hide any element from the page. This is great for decluttering, cleaning up screenshots, or focusing on a specific part of a design.&lt;/p&gt;

&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.amazonaws.com%2Fuploads%2Farticles%2F0hq5cx4rr5e41ekj8mfs.gif" 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.amazonaws.com%2Fuploads%2Farticles%2F0hq5cx4rr5e41ekj8mfs.gif" alt="GIF showing the Delete Element feature of SuperDev Pro" width="760" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Export Element
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;What it does:&lt;/strong&gt; Love a specific UI component on a site? This tool lets you export the HTML and CSS of any element directly to CodePen or as a local HTML file.&lt;/p&gt;

&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.amazonaws.com%2Fuploads%2Farticles%2Fx88voy3zs5m2jz4cdt8q.gif" 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.amazonaws.com%2Fuploads%2Farticles%2Fx88voy3zs5m2jz4cdt8q.gif" alt="GIF showing the Export Element feature of SuperDev Pro" width="760" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Extract Images
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;What it does:&lt;/strong&gt; Pull all the images from a webpage with a single click. You can then download them individually or as a single zip file.&lt;/p&gt;

&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.amazonaws.com%2Fuploads%2Farticles%2F2e67p0c0bvnl7xmezw8r.gif" 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.amazonaws.com%2Fuploads%2Farticles%2F2e67p0c0bvnl7xmezw8r.gif" alt="GIF showing the Extract Images feature of SuperDev Pro" width="720" height="426"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Page Ruler
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;What it does:&lt;/strong&gt; Get pixel-perfect measurements between any two points on a webpage. This is an essential tool for ensuring your designs are precise.&lt;/p&gt;

&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.amazonaws.com%2Fuploads%2Farticles%2Fnl04r1gi7ntfs6pw7lpv.gif" 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.amazonaws.com%2Fuploads%2Farticles%2Fnl04r1gi7ntfs6pw7lpv.gif" alt="GIF showing the Page Ruler feature of SuperDev Pro" width="720" height="426"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Page Outliner
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;What it does:&lt;/strong&gt; Visualize the HTML structure of a website with color-coded outlines. This helps you quickly understand the layout and hierarchy of any page.&lt;/p&gt;

&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.amazonaws.com%2Fuploads%2Farticles%2Fiqp3uanznq7rmnuadq8s.gif" 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.amazonaws.com%2Fuploads%2Farticles%2Fiqp3uanznq7rmnuadq8s.gif" alt="GIF showing the Page Outliner feature of SuperDev Pro" width="720" height="426"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Image Replacer
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;What it does:&lt;/strong&gt; Quickly replace any image on a website with a local image from your computer. This is a fast way to see how a new image would look in a design.&lt;/p&gt;

&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.amazonaws.com%2Fuploads%2Farticles%2Fbfummb0mpnlg5z9xhf1c.gif" 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.amazonaws.com%2Fuploads%2Farticles%2Fbfummb0mpnlg5z9xhf1c.gif" alt="GIF showing the Image Replacer feature of SuperDev Pro" width="800" height="474"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Take Screenshot
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;What it does:&lt;/strong&gt; Capture screenshots in a snap. You can take a screenshot of the visible area, a custom selected area, or even a full-page screenshot.&lt;/p&gt;

&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.amazonaws.com%2Fuploads%2Farticles%2Fy25sdtolnyap24yhlghz.gif" 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.amazonaws.com%2Fuploads%2Farticles%2Fy25sdtolnyap24yhlghz.gif" alt="GIF showing the Take Screenshot feature of SuperDev Pro" width="600" height="355"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;SuperDevPro confident that this tool will resonate with your audience and help them save hours of tedious work every week. SuperDevPro looking forward to sharing the GIFs and videos that demonstrate each feature in action.&lt;/p&gt;

&lt;p&gt;You can learn more and checkout here: &lt;a href="https://superdevpro.com/" rel="noopener noreferrer"&gt;https://superdevpro.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Thank you for giving time to read, I hope SuperDevPro can save your 2-7 hours weekly, Good Luck.&lt;/p&gt;

</description>
      <category>development</category>
      <category>design</category>
      <category>frontend</category>
      <category>tools</category>
    </item>
    <item>
      <title>my coding adventure</title>
      <dc:creator>Mohd Anas</dc:creator>
      <pubDate>Mon, 23 Jun 2025 05:23:10 +0000</pubDate>
      <link>https://dev.to/mdanassaif/my-coding-adventure-1mp5</link>
      <guid>https://dev.to/mdanassaif/my-coding-adventure-1mp5</guid>
      <description>&lt;h1&gt;
  
  
  From Chemistry Graduate to Passionate Coder Building Tools That Get Real Traffic
&lt;/h1&gt;

&lt;p&gt;&lt;strong&gt;Today I'm 22 years, 0 months, and 28 days old.&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
It's wild to think about how much has changed since I graduated with a chemistry degree and randomly chose MCA. That gap between BSc and MCA? That's when I got my first laptop — and everything clicked.&lt;/p&gt;

&lt;p&gt;I learned, I built, and &lt;em&gt;boom!&lt;/em&gt;&lt;br&gt;&lt;br&gt;
The feeling of creating something from nothing is incredible. I'm hungry for more learning, more building, more experimenting. That’s how &lt;strong&gt;SVG Icons&lt;/strong&gt; and &lt;strong&gt;Brugrow Tools&lt;/strong&gt; were born — out of pure curiosity and the need to solve real problems.&lt;/p&gt;




&lt;h2&gt;
  
  
  Why I Built Brugrow Tools
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Brugrow Tools&lt;/strong&gt; started as a simple idea:  &lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;What if I could create tools that actually help people?&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Tools that get &lt;strong&gt;real traffic&lt;/strong&gt; because they solve &lt;strong&gt;real problems&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;It was never about being a professional coder (I'm not, and that’s okay).&lt;br&gt;&lt;br&gt;
It was about building something &lt;em&gt;useful&lt;/em&gt;.&lt;/p&gt;

&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.amazonaws.com%2Fuploads%2Farticles%2Fo9bvki2n2zbybkvghajo.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.amazonaws.com%2Fuploads%2Farticles%2Fo9bvki2n2zbybkvghajo.png" alt="Brugrow Tools Screenshot" width="793" height="326"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Then Came Free SVG Icons
&lt;/h2&gt;

&lt;p&gt;A side project I started with my brother.&lt;br&gt;&lt;br&gt;
We got a domain, I contributed code, and we built something together.  &lt;/p&gt;

&lt;p&gt;The beauty of coding?&lt;br&gt;&lt;br&gt;
You &lt;strong&gt;don’t need to be an expert&lt;/strong&gt; to create value.&lt;br&gt;&lt;br&gt;
You just need to &lt;strong&gt;start&lt;/strong&gt;.&lt;/p&gt;

&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.amazonaws.com%2Fuploads%2Farticles%2Fgzaa0p44w4sae0m25so5.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.amazonaws.com%2Fuploads%2Farticles%2Fgzaa0p44w4sae0m25so5.png" alt="Free SVG Icons Screenshot" width="797" height="497"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  What I’ve Learned
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;✅ Start small — but &lt;strong&gt;start&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;✅ Don’t wait to be perfect&lt;/li&gt;
&lt;li&gt;✅ Chemistry taught me systematic thinking&lt;/li&gt;
&lt;li&gt;✅ Coding taught me to &lt;strong&gt;embrace imperfection&lt;/strong&gt; and &lt;strong&gt;iterate fast&lt;/strong&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I’m always hungry to help others and save them from the mistakes I made.&lt;br&gt;&lt;br&gt;
You can check out my projects and social medias here:&lt;br&gt;&lt;br&gt;
👉 &lt;a href="https://mdanassaif.xyz/" rel="noopener noreferrer"&gt;mdanassaif.xyz&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;Thanks for reading.&lt;/p&gt;

</description>
      <category>mdanassaif</category>
      <category>bruhgrow</category>
      <category>freesvgicons</category>
      <category>peerlist</category>
    </item>
    <item>
      <title>Vibe Coding: Making Building Fun Again</title>
      <dc:creator>Mohd Anas</dc:creator>
      <pubDate>Sat, 31 May 2025 07:28:42 +0000</pubDate>
      <link>https://dev.to/mdanassaif/vibe-coding-making-building-fun-again-mhf</link>
      <guid>https://dev.to/mdanassaif/vibe-coding-making-building-fun-again-mhf</guid>
      <description>&lt;p&gt;Remember when coding felt like a job? All those tough rules, strange errors, and long hours fixing things. Well, those days are fading fast, thanks to something many are calling "vibe coding." It's not just about making coding easier; it's about making it truly enjoyable, almost like playing a game.&lt;/p&gt;




&lt;h3&gt;
  
  
  Why We Love It
&lt;/h3&gt;

&lt;p&gt;It might sound odd to be hooked on a simple text screen for building things, but it's true. Lots of people are spending their free time using tools like Cursor, v0, and their favorite AI chat friends (like ChatGPT, Claude, and Gemini) to bring their ideas to life. And it's not just for people who code for a living; designers, product managers, business starters, and marketers are all trying it.&lt;/p&gt;

&lt;p&gt;So, what's the big secret? It feels like &lt;strong&gt;coding as a game&lt;/strong&gt;. And we're not talking about just getting points or being on a scoreboard. This is something deeper.&lt;/p&gt;




&lt;h3&gt;
  
  
  The Feeling of Play
&lt;/h3&gt;

&lt;p&gt;Vibe coding taps into the same good feeling you get when you're really into a game. Think about it:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Clear Starts, Fun Twists:&lt;/strong&gt; You begin with a clear goal (build something!), but how you get there is wonderfully open.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Pushing Your Limits:&lt;/strong&gt; You might be new to a complicated system, just one command away from messing everything up. But you keep going because you know you can always "fix it." Your AI helpers are there to catch you if you fall, ready to give you that important piece of code when you're stuck.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Just Right:&lt;/strong&gt; Vibe coding isn't too hard and not too easy. It's just right, giving even average coders enough belief to build things. Are you great at making websites but bad with databases? No problem—your AI friend can set up the data and security for you.&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  Easy to Use, Learn as You Go
&lt;/h3&gt;

&lt;p&gt;For many, especially designers, normal coding has always felt confusing. Vibe coding changes that:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Instant Results:&lt;/strong&gt; You see what your commands do right away, making it easy to try new things.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Learning from Mistakes:&lt;/strong&gt; Even when your command doesn't work, you learn what not to do, helping you get better at giving instructions to the AI.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Focus on What You Want:&lt;/strong&gt; The main idea shifts from remembering tricky rules to simply getting the result you want. It feels like talking to a smart friend, even if that friend is an AI.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This new way of building is bringing back the pure fun of making things by yourself for many. And honestly, for some of us, it means not having to ask our always-busy software engineer partners for help anymore!&lt;/p&gt;

&lt;p&gt;What do you think about vibe coding? Has it changed how you build things?&lt;/p&gt;

</description>
      <category>vibecoding</category>
      <category>funcoding</category>
    </item>
    <item>
      <title>2024 was beginning of my real coding journey</title>
      <dc:creator>Mohd Anas</dc:creator>
      <pubDate>Thu, 02 Jan 2025 07:14:10 +0000</pubDate>
      <link>https://dev.to/mdanassaif/2024-was-beginning-of-my-real-coding-journey-12p8</link>
      <guid>https://dev.to/mdanassaif/2024-was-beginning-of-my-real-coding-journey-12p8</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/newyear"&gt;2025 New Year Writing challenge&lt;/a&gt;: Retro’ing and Debugging 2024.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;First off, &lt;strong&gt;thank you, 2024&lt;/strong&gt;, for being the best year of my life so far!  &lt;/p&gt;

&lt;p&gt;Looking back, I realize how much time I spent tinkering with &lt;code&gt;HTML&lt;/code&gt;, &lt;code&gt;CSS&lt;/code&gt;, and a little &lt;code&gt;JavaScript&lt;/code&gt;, creating basic web pages with minimal functionality. It never occurred to me to explore frameworks or libraries. After completing my bachelor's degree, I returned home, where my father and brother surprised me with my dream laptop—a brand-new one!  &lt;/p&gt;

&lt;p&gt;From there, I dove deep into the world of tech. Platforms like &lt;a href="https://twitter.com" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt;, &lt;a href="https://www.producthunt.com" rel="noopener noreferrer"&gt;Product Hunt&lt;/a&gt;, and other indie maker communities opened my eyes to real-world projects. &lt;em&gt;They inspired me to take my skills to the next level.&lt;/em&gt;  &lt;/p&gt;

&lt;p&gt;I started with the basics of &lt;strong&gt;JavaScript&lt;/strong&gt;:  &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;DOM manipulation
&lt;/li&gt;
&lt;li&gt;Functions
&lt;/li&gt;
&lt;li&gt;Objects
&lt;/li&gt;
&lt;li&gt;Destructuring
&lt;/li&gt;
&lt;li&gt;Template literals
&lt;/li&gt;
&lt;li&gt;Ternary operators
&lt;/li&gt;
&lt;li&gt;Import/export syntax
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Then, I discovered &lt;strong&gt;React.js&lt;/strong&gt;. &lt;a href="https://www.freecodecamp.org" rel="noopener noreferrer"&gt;FreeCodeCamp&lt;/a&gt; videos and John Smilga’s tutorials became my go-to learning resources. John’s detailed explanations made every concept click for me.  &lt;/p&gt;

&lt;p&gt;With practice, I ventured into &lt;strong&gt;Next.js&lt;/strong&gt;, aiming to bridge the gap between frontend and backend. A quick Google search told me that &lt;code&gt;Next.js&lt;/code&gt; could handle both, and that sounded perfect for the projects I envisioned. Around the same time, I learned &lt;strong&gt;TailwindCSS&lt;/strong&gt;, a true lifesaver! Writing CSS in just a few utility classes instead of 20+ lines felt like magic.&lt;br&gt;
I also discovered &lt;strong&gt;Supabase&lt;/strong&gt;, which became my go-to tool for backend management. It simplified setting up databases and authentication for my projects, giving me a powerful, open-source alternative to Firebase.  &lt;/p&gt;

&lt;h3&gt;
  
  
  May-July: The Dream Phase
&lt;/h3&gt;

&lt;p&gt;I built exciting projects like:  &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;A &lt;strong&gt;Live Group Chat App&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;A &lt;strong&gt;Logo Builder&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;A &lt;strong&gt;Music Player&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;A &lt;strong&gt;Resume Builder&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;An &lt;strong&gt;ErrorsMan Community&lt;/strong&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;blockquote&gt;
&lt;p&gt;Each commit on GitHub became a moment of pride, a testament to my growth in 2024.  &lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;However, challenges weren’t far behind. Learning &lt;strong&gt;TypeScript&lt;/strong&gt; tested my patience. The endless type errors were frustrating, yet strangely rewarding. They taught me how to debug calmly and strengthened my understanding of coding principles.  &lt;/p&gt;




&lt;p&gt;&lt;strong&gt;2024&lt;/strong&gt; was a year of exploration, growth, and accomplishments.&lt;br&gt;&lt;br&gt;
&lt;em&gt;It taught me to embrace challenges, experiment fearlessly, and enjoy the process.&lt;/em&gt;  &lt;/p&gt;

&lt;p&gt;I can’t wait to see where the next year takes me!  &lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>newyearchallenge</category>
      <category>career</category>
    </item>
    <item>
      <title>Errors Man | A tech community | Debug Together, Grow Together</title>
      <dc:creator>Mohd Anas</dc:creator>
      <pubDate>Wed, 06 Nov 2024 07:00:14 +0000</pubDate>
      <link>https://dev.to/mdanassaif/errors-man-a-tech-community-debug-together-grow-together-ldf</link>
      <guid>https://dev.to/mdanassaif/errors-man-a-tech-community-debug-together-grow-together-ldf</guid>
      <description>&lt;p&gt;Welcome to Errors Man – a tech community built for anyone passionate about technology and solving errors. Here, we believe that debugging isn’t just a process; it’s an opportunity to grow, learn, and connect with others.&lt;/p&gt;

&lt;p&gt;Link : &lt;a href="https://errors-man.vercel.app/" rel="noopener noreferrer"&gt;https://errors-man.vercel.app/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;At Errors Man, our motto is simple: Debug Together, Grow Together. Whether you’re a beginner or a pro, Errors Man is here to support you. You’ll find people ready to help with your toughest tech problems, share useful resources, and celebrate your wins.&lt;/p&gt;

&lt;p&gt;Join our community to:&lt;/p&gt;

&lt;p&gt;• Get help on debugging and troubleshooting.&lt;br&gt;
 • Share your knowledge with others.&lt;br&gt;
 • Learn from experts and grow your skills.&lt;/p&gt;

&lt;p&gt;Errors Man isn’t just about fixing bugs; it’s about building connections, developing your expertise, and being part of something bigger.&lt;/p&gt;

&lt;p&gt;Subscribe and join us today at Errors Man – where we’re stronger together, one error at a time.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>FreeSVGIcons: Your Ultimate Source for Free SVG Icons</title>
      <dc:creator>Mohd Anas</dc:creator>
      <pubDate>Fri, 18 Oct 2024 16:36:04 +0000</pubDate>
      <link>https://dev.to/mdanassaif/freesvgicons-your-ultimate-source-for-free-svg-icons-2fno</link>
      <guid>https://dev.to/mdanassaif/freesvgicons-your-ultimate-source-for-free-svg-icons-2fno</guid>
      <description>&lt;p&gt;Icons are a vital part of modern design, whether for websites, apps, or graphic design projects. If you're looking for a massive collection of free icons without the hassle of licensing issues, Free SVG Icons is the go-to solution. The site offers over 200,000+ open-source SVG icons that are free for personal and commercial use.&lt;/p&gt;

&lt;h2&gt;
  
  
  What Does &lt;a href="https://freesvgicons.com/" rel="noopener noreferrer"&gt;FreeSVGIcons&lt;/a&gt; Offer?
&lt;/h2&gt;

&lt;p&gt;FreeSVGIcons is designed to provide users with easy access to icons in a variety of styles and categories. Here's what makes the platform stand out:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Vast Icon Library&lt;/strong&gt;: With more than 200,000 icons, FreeSVGIcons covers nearly every design need. Whether you're designing a website, working on an app, or creating presentations, there's an icon for it.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Download &amp;amp; Copy Functionality&lt;/strong&gt;: Instead of complex tools, FreeSVGIcons keeps things simple. You can search for icons, then either download them in SVG format or copy the code directly into your project.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Free for Commercial Use:&lt;/strong&gt; The best part is that all the icons are open-source, which means they are available for both personal and commercial projects, saving you time and money on &lt;strong&gt;licensing fees.&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  How to Use &lt;a href="https://freesvgicons.com/" rel="noopener noreferrer"&gt;FreeSVGIcons&lt;/a&gt;
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Search:&lt;/strong&gt; The site features a robust search bar to quickly find icons based on your project's requirements.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Download:&lt;/strong&gt; Once you find an icon, you can download it in SVG format for easy integration into design or development projects.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Copy the Code:&lt;/strong&gt; If you're a developer, you can copy the icon's code and paste it directly into your HTML or CSS for seamless use.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Why &lt;a href="https://freesvgicons.com/" rel="noopener noreferrer"&gt;FreeSVGIcons&lt;/a&gt; is Perfect for Designers and Developers
&lt;/h2&gt;

&lt;p&gt;The simplicity of this site is ideal for professionals and beginners alike. Designers appreciate the ease of downloading SVGs for their mockups, while developers can quickly integrate the icons into their web projects using clean SVG code.&lt;/p&gt;

&lt;p&gt;Although the platform does not offer direct customization on the website, you can easily adjust icon properties like color, size, and stroke directly in your design software or code editor after downloading the SVG.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://freesvgicons.com" rel="noopener noreferrer"&gt;https://freesvgicons.com&lt;/a&gt; is an invaluable resource for anyone in need of icons. Its extensive collection, free and open-source nature, and simplicity of use make it a top choice for designers and developers. With just a few clicks, you can find, download, and use high-quality SVG icons in any project.&lt;/p&gt;

</description>
      <category>icons</category>
      <category>freesvgicons</category>
      <category>svgicon</category>
      <category>downloadsvgicons</category>
    </item>
    <item>
      <title>The Frontend Challenge: Cricket League</title>
      <dc:creator>Mohd Anas</dc:creator>
      <pubDate>Sat, 27 Jul 2024 04:32:36 +0000</pubDate>
      <link>https://dev.to/mdanassaif/the-frontend-challenge-cricket-league-5eig</link>
      <guid>https://dev.to/mdanassaif/the-frontend-challenge-cricket-league-5eig</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for &lt;a href="https://dev.to/challenges/frontend-2024-07-24"&gt;Frontend Challenge v24.07.24&lt;/a&gt;, Glam Up My Markup: Recreation&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;I transformed a basic HTML template for the New York Recreational Cricket League into a visually appealing and interactive webpage. My focus was on enhancing the existing design without altering the original HTML structure. I applied CSS for styling and JavaScript to introduce interactive features, creating a more engaging user experience.&lt;/p&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/nextjsboi/embed/WNqopzR?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h2&gt;
  
  
  Journey
&lt;/h2&gt;

&lt;p&gt;In this project, my goal was to elevate the aesthetics and interactivity of the webpage. I delved into CSS and JavaScript to add animations and interactive elements. This process was a valuable learning experience, and I'm pleased with how the enhancements have improved the overall user experience.&lt;/p&gt;

&lt;h2&gt;
  
  
  A Note of Thanks to the Dev Team
&lt;/h2&gt;

&lt;p&gt;Thank you for organizing this challenge. It has been a fantastic experience, and we're thrilled to have had the opportunity to participate. Your efforts in creating these challenges truly inspire and motivate us.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>frontendchallenge</category>
      <category>css</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Understanding How APIs Make AI Work</title>
      <dc:creator>Mohd Anas</dc:creator>
      <pubDate>Fri, 14 Jun 2024 04:51:03 +0000</pubDate>
      <link>https://dev.to/mdanassaif/understanding-how-apis-make-ai-work-7oa</link>
      <guid>https://dev.to/mdanassaif/understanding-how-apis-make-ai-work-7oa</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for &lt;a href="https://dev.to/challenges/cs"&gt;DEV Computer Science Challenge v24.06.12: One Byte Explainer&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What is an API?
&lt;/h2&gt;

&lt;p&gt;An API is like a train ticket for data. It's as if there's a train running between two places, and a girl named Luna uses a special ticket (API) to move smoothly between them, carrying messages and things (data) back and forth.&lt;/p&gt;

&lt;h2&gt;
  
  
  How does AI work with APIs?
&lt;/h2&gt;

&lt;p&gt;Imagine you’re using a voice assistant like Siri. When you ask a question, Siri uses an API to understand your speech. This API sends your voice data to a server that processes it and turns it into text. Then, another API helps Siri search the internet or a database for the answer. Finally, an API sends the answer back to your device, and Siri tells you what it found.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>cschallenge</category>
      <category>computerscience</category>
      <category>beginners</category>
    </item>
    <item>
      <title>I tried Frontend Challenge: June Edition</title>
      <dc:creator>Mohd Anas</dc:creator>
      <pubDate>Sat, 08 Jun 2024 17:12:56 +0000</pubDate>
      <link>https://dev.to/mdanassaif/i-tried-frontend-challenge-june-edition-k3a</link>
      <guid>https://dev.to/mdanassaif/i-tried-frontend-challenge-june-edition-k3a</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for &lt;a href="https://dev.to/challenges/frontend-2024-05-29"&gt;Frontend Challenge v24.04.17&lt;/a&gt;, CSS Art: June.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Inspiration&lt;br&gt;
I'm highlighting simple, clean geometric shapes. I wanted to create something that looks both simple and beautiful.&lt;/p&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;Here is my CSS Art:&lt;/p&gt;

&lt;p&gt;You can see the full code on &lt;a href="https://github.com/Nextjswebdev/dev_challenege" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt; and &lt;a href="https://devchallenege1.netlify.app/" rel="noopener noreferrer"&gt;live demo&lt;/a&gt; here.&lt;/p&gt;

&lt;h2&gt;
  
  
  Journey
&lt;/h2&gt;

&lt;p&gt;I am from India and was curious to participate in this dev challenge. My designing is not the best, but I always try to make it better.&lt;/p&gt;

&lt;p&gt;I started by drawing some ideas on paper. Then I used CSS to make it real. I played around with properties like clip-path, transform, and animation.&lt;/p&gt;

&lt;p&gt;I learned a lot about how powerful CSS can be. I'm proud of the animations I added. Next, I want to learn more about CSS Grid and Flexbox for more complex designs.&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Feel After Participating in This Challenge
&lt;/h2&gt;

&lt;p&gt;This is the first time I completed a challenge, and it’s really an amazing feeling to submit this. I learned a lot. Thanks, DEV, for these types of challenges!&lt;/p&gt;

</description>
      <category>frontendchallenge</category>
      <category>devchallenge</category>
      <category>css</category>
    </item>
    <item>
      <title>Free Your Design: The Ultimate Guide to Iconbuddy</title>
      <dc:creator>Mohd Anas</dc:creator>
      <pubDate>Tue, 12 Mar 2024 06:52:48 +0000</pubDate>
      <link>https://dev.to/mdanassaif/free-your-design-the-ultimate-guide-to-iconbuddy-3k66</link>
      <guid>https://dev.to/mdanassaif/free-your-design-the-ultimate-guide-to-iconbuddy-3k66</guid>
      <description>&lt;p&gt;Have you ever spent hours scouring the internet for the perfect icon, only to come up empty-handed or face a paywall blocking your path?  We've all been there. But fret no more, fellow designers and developers, because there's a new hero in town: &lt;strong&gt;IconBuddy&lt;/strong&gt;.&lt;/p&gt;

&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.amazonaws.com%2Fuploads%2Farticles%2Fle3co63edvw281pnvvot.gif" 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.amazonaws.com%2Fuploads%2Farticles%2Fle3co63edvw281pnvvot.gif" alt="Iconbuddy is a search engine that allows you to search, download, customize, and edit over 200,000 open source svg icons for free." width="1024" height="1024"&gt;&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;Iconbuddy isn't your average icon library. Think of it as a treasure trove overflowing with over 200,000 free, open-source SVG icons.  That's right, free as in "no credit card required" and open-source as in "modify and customize to your heart's content!"&lt;/p&gt;

&lt;p&gt;Here's what makes Iconbuddy stand out from the crowd:&lt;/p&gt;

&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.amazonaws.com%2Fuploads%2Farticles%2Fgnikkpy6upk5sufzzqks.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.amazonaws.com%2Fuploads%2Farticles%2Fgnikkpy6upk5sufzzqks.png" alt="Image description" width="800" height="445"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;An Icon Odyssey:&lt;/strong&gt;&lt;br&gt;
Iconbuddy boasts a mind-boggling collection of icons, covering everything from basic shapes and social media icons to niche categories like science, healthcare, and even weather. No more Frankenstein-ing different icon styles together – Iconbuddy has a unified aesthetic that elevates your project.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;From Stock to Bespoke:&lt;/strong&gt;&lt;br&gt;
Found an icon that's almost perfect, but the color throws off your whole vibe? No problem! Iconbuddy lets you download and customize any icon with ease. Change the colors, tweak the size, and make it truly your own.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Beyond the Basics:&lt;/strong&gt;&lt;br&gt;
Iconbuddy 2.0 goes beyond a simple icon library. It offers additional features like a logo maker to help you craft a stunning brand identity and SVG conversion tools to ensure your icons are compatible across platforms.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;A Community that Grows:&lt;/strong&gt;&lt;br&gt;
The best part? Iconbuddy is part of a thriving open-source community. This means new icons and updates are constantly being added, keeping your design arsenal fresh and ever-expanding.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;em&gt;Iconbuddy is more than just an icon library; it's a game-changer.  Stop wasting time hunting for the perfect icon and unleash your creativity with Iconbuddy. So, what are you waiting for? Head over to &lt;a href="https://iconbuddy.app" rel="noopener noreferrer"&gt;https://iconbuddy.app&lt;/a&gt; and start building something amazing!&lt;/em&gt;&lt;/p&gt;

</description>
      <category>iconbuddy</category>
      <category>icons</category>
      <category>freeicons</category>
    </item>
  </channel>
</rss>
