<?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: Abdullah Bin Altaf</title>
    <description>The latest articles on DEV Community by Abdullah Bin Altaf (@abdullah-k18).</description>
    <link>https://dev.to/abdullah-k18</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%2F2195368%2F00ba6403-8ce2-4203-8fb1-ff025f39867d.png</url>
      <title>DEV Community: Abdullah Bin Altaf</title>
      <link>https://dev.to/abdullah-k18</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/abdullah-k18"/>
    <language>en</language>
    <item>
      <title>ChatLedger: Turning messy WhatsApp DMs into an order book for home businesses</title>
      <dc:creator>Abdullah Bin Altaf</dc:creator>
      <pubDate>Tue, 13 Oct 2026 14:08:11 +0000</pubDate>
      <link>https://dev.to/abdullah-k18/chatledger-turning-messy-whatsapp-dms-into-an-order-book-for-home-businesses-cki</link>
      <guid>https://dev.to/abdullah-k18/chatledger-turning-messy-whatsapp-dms-into-an-order-book-for-home-businesses-cki</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/hacktoberfest-week2-2026-10-12"&gt;Hacktoberfest Open-Source AI Challenge Week 2: Side Hustle&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;A lot of small businesses near me don't have a website. Their whole shop is a WhatsApp number and an Instagram page: home bakers, tailors, thrift resellers, people who sew plushies and sell them to friends of friends.&lt;/p&gt;

&lt;p&gt;Every order comes in as a conversation like this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Ayesha: can i get the choc fudge cake for saturday? 1kg
Ayesha: oh and add a box of brownies too
Sara:   Done! 50% advance to confirm pls
Ayesha: &amp;lt;Media omitted&amp;gt;
Ayesha: sent 30 👍
        ...next day...
Ayesha: sorry can u make it 2 boxes of brownies instead of 1??
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;Now imagine 20 of those a week, mixed in with "is this still available?" messages, voice notes and family group chats. What did Ayesha finally order? How much does she still owe? Did Bilal say Thursday or Friday? The seller ends up scrolling back through weeks of messages, or forgets, and forgetting costs real money.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;ChatLedger&lt;/strong&gt; fixes that. You paste the chat (or upload a WhatsApp export), and it gives you back:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;📋 &lt;strong&gt;A clean order list:&lt;/strong&gt; who ordered what, how many, when it's due, where it goes&lt;/li&gt;
&lt;li&gt;🔁 &lt;strong&gt;The final version of every order.&lt;/strong&gt; "Make it 2 boxes instead" updates the order instead of creating a second one, and cancelled orders are marked cancelled.&lt;/li&gt;
&lt;li&gt;💰 &lt;strong&gt;Correct totals and balances,&lt;/strong&gt; using the seller's price list, including special prices agreed in the chat ("ok since it's 10, 5 each 😄")&lt;/li&gt;
&lt;li&gt;✅ &lt;strong&gt;Who has paid, who has partly paid and who still owes,&lt;/strong&gt; plus one number at the top: &lt;em&gt;still to collect&lt;/em&gt;
&lt;/li&gt;
&lt;li&gt;🧾 &lt;strong&gt;A printable invoice&lt;/strong&gt; for each order&lt;/li&gt;
&lt;li&gt;💬 &lt;strong&gt;A one-tap WhatsApp reminder&lt;/strong&gt; with the order summary, the balance and payment details&lt;/li&gt;
&lt;li&gt;🔍 &lt;strong&gt;"Why the AI thinks this":&lt;/strong&gt; every order quotes the exact chat lines it came from, so the seller can check it in seconds instead of trusting a black box&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Who would pay for it?&lt;/strong&gt; Any seller doing 10+ DM orders a week. One forgotten balance on a cake order costs more than a month of a $5 subscription, so the value is easy to explain.&lt;/p&gt;
&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;




&lt;div class="crayons-card c-embed text-styles text-styles--secondary"&gt;
    &lt;div class="c-embed__content"&gt;
      &lt;div class="c-embed__body flex items-center justify-between"&gt;
        &lt;a href="https://chatledger-2wxe.onrender.com" rel="noopener noreferrer" class="c-link fw-bold flex items-center"&gt;
          &lt;span class="mr-2"&gt;chatledger-2wxe.onrender.com&lt;/span&gt;
          

        &lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;



&lt;p&gt;&lt;em&gt;(It runs on Render's free tier, so if the page takes ~50 seconds to load the first time, it's waking up.)&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Code
&lt;/h2&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/abdullah-k18" rel="noopener noreferrer"&gt;
        abdullah-k18
      &lt;/a&gt; / &lt;a href="https://github.com/abdullah-k18/chatledger" rel="noopener noreferrer"&gt;
        chatledger
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;ChatLedger&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Paste your DMs. Get your orders.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Home bakers, tailors and resellers take orders in WhatsApp and Instagram DMs. Orders get changed ("make it 2 boxes instead"), cancelled, half-paid with a screenshot, and buried under 200 other messages. ChatLedger reads the messy chat and gives back:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;a clean order list with items, quantity, due date, address and phone number&lt;/li&gt;
&lt;li&gt;totals and balances, computed from your price list (including prices you negotiated in the chat)&lt;/li&gt;
&lt;li&gt;what's paid, what's partly paid and what's still owed&lt;/li&gt;
&lt;li&gt;a printable invoice for each order&lt;/li&gt;
&lt;li&gt;a one-tap WhatsApp confirmation or payment reminder&lt;/li&gt;
&lt;li&gt;a CSV export for your spreadsheet&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Each order shows the exact chat lines it came from (&lt;strong&gt;"Why the AI thinks this"&lt;/strong&gt;), so you can check it in seconds.&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;How it works&lt;/h2&gt;
&lt;/div&gt;
&lt;div class="snippet-clipboard-content notranslate position-relative overflow-auto"&gt;
&lt;pre class="notranslate"&gt;&lt;code&gt;chat text ──► clean-up (drop "&amp;lt;Media omitted&amp;gt;", system lines)
          ──► open-weight LLM (Gemma via any OpenAI-compatible API) ──► JSON
          ──► Python:&lt;/code&gt;&lt;/pre&gt;…&lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/abdullah-k18/chatledger" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


&lt;h2&gt;
  
  
  How I Built It
&lt;/h2&gt;

&lt;p&gt;The stack is deliberately small: &lt;strong&gt;FastAPI&lt;/strong&gt; on the back end, plain &lt;strong&gt;HTML/CSS/JS&lt;/strong&gt; on the front end (no build step), and an &lt;strong&gt;open-weight LLM&lt;/strong&gt; doing the reading.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;chat ─► clean-up ─► open-weight LLM ─► JSON ─► Python does the math ─► order cards
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;1. Clean the chat first.&lt;/strong&gt; WhatsApp exports are full of noise: &lt;code&gt;&amp;lt;Media omitted&amp;gt;&lt;/code&gt;, "This message was deleted", encryption notices. I strip those before calling the model. It saves tokens, which matters on free-tier rate limits.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;2. The model reads, and only reads.&lt;/strong&gt; The open-weight model gets the chat, the seller's price list and a strict set of rules:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;output only the &lt;em&gt;final&lt;/em&gt; version of each order&lt;/li&gt;
&lt;li&gt;never invent an address, phone number or price&lt;/li&gt;
&lt;li&gt;return null when something isn't stated&lt;/li&gt;
&lt;li&gt;include 1–3 verbatim quotes as evidence for every order&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It returns structured JSON.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;3. The code does all the math.&lt;/strong&gt; This was the most important design decision. LLMs are great at understanding &lt;em&gt;"can u make it 2 boxes instead of 1??"&lt;/em&gt; and unreliable at multiplying 2 × 18. A wrong balance is the one mistake a seller won't forgive, so the model never produces a total. Python takes the extracted items and:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;matches them to the price list (the customer says "elephant play toy," the catalog says "Elephant plushie," and it still matches)&lt;/li&gt;
&lt;li&gt;computes every line total, order total and balance&lt;/li&gt;
&lt;li&gt;works out paid / partial / unpaid from the amounts&lt;/li&gt;
&lt;li&gt;validates everything the model returned&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;4. A provider-agnostic client.&lt;/strong&gt; ChatLedger talks to &lt;em&gt;any&lt;/em&gt; OpenAI-compatible endpoint and falls back automatically if one fails:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Provider&lt;/th&gt;
&lt;th&gt;Model&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Google AI Studio&lt;/td&gt;
&lt;td&gt;Gemma&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Groq&lt;/td&gt;
&lt;td&gt;gpt-oss-120b&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;OpenRouter&lt;/td&gt;
&lt;td&gt;free open-weight models&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Custom&lt;/td&gt;
&lt;td&gt;Ollama / vLLM on your own machine&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;The live demo runs on &lt;strong&gt;gpt-oss-120b via Groq's free tier&lt;/strong&gt;. It extracted all five orders in the sample chat correctly in about 6 seconds, including the changed order, the cancellation and the negotiated price.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;5. Small things for real use:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;It's mobile-first, because sellers live on their phones.&lt;/li&gt;
&lt;li&gt;Orders stay in the browser, so there's no account to create.&lt;/li&gt;
&lt;li&gt;A per-visitor rate limit stops the public demo from draining the free API quota.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Why Does Open Innovation Matter?
&lt;/h2&gt;

&lt;p&gt;This project only makes sense as a business &lt;em&gt;because&lt;/em&gt; of open-weight models.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;💸 The margins work.&lt;/strong&gt; Extracting a week of chats with an open-weight model on a cheap provider costs a fraction of a cent. That means a $5/month tool for a home baker can be profitable. On premium closed-model pricing, the cost per seller would eat most of that margin.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;🔓 No lock-in, and I found that out for real.&lt;/strong&gt; Halfway through building, the model I'd picked was retired by the provider and my requests started returning 404s. Because everything speaks the same OpenAI-compatible API and the models are open, I switched to another open-weight model by changing &lt;strong&gt;one line of config&lt;/strong&gt;. The extraction got better, not worse. Building on a single closed vendor, that would have been a scramble.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;🔐 Privacy can be offered.&lt;/strong&gt; These chats are full of customers' names, home addresses and phone numbers. Because the models are open-weight, a seller who doesn't want that data on anyone else's server can run the &lt;em&gt;exact same app&lt;/em&gt; against a model on their own machine with Ollama, by setting three environment variables and changing no code. My own laptop can't run models locally, which is why the demo uses hosted endpoints, but the option exists only because the weights are open.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;🌍 Room to specialize.&lt;/strong&gt; Real order chats near me are rarely in pure English. They switch between Urdu and English mid-sentence, use local slang, and say "pls" and "bro" a lot. Open weights mean this can eventually be fine-tuned on real order chats, a niche that a general-purpose closed API will never prioritize.&lt;/p&gt;

&lt;h2&gt;
  
  
  Prize Categories
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Best Use of Render:&lt;/strong&gt; ChatLedger is deployed as a Render web service from a &lt;code&gt;render.yaml&lt;/code&gt; Blueprint, and it's the live demo judges can use.&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>devchallenge</category>
      <category>hf26challenge</category>
    </item>
    <item>
      <title>Leaf Pixels</title>
      <dc:creator>Abdullah Bin Altaf</dc:creator>
      <pubDate>Sat, 10 Oct 2026 22:42:09 +0000</pubDate>
      <link>https://dev.to/abdullah-k18/leaf-pixels-5acj</link>
      <guid>https://dev.to/abdullah-k18/leaf-pixels-5acj</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/hacktoberfest-week1-2026-10-05"&gt;Hacktoberfest Open-Source AI Challenge Week 1: Touch Grass&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;&lt;strong&gt;Leaf Pixels&lt;/strong&gt; turns any picture into a printable &lt;strong&gt;colour-by-letter pixel-art sheet&lt;/strong&gt; that kids take &lt;strong&gt;outside&lt;/strong&gt; and colour in.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Pick a picture: a fox, an owl, a pumpkin, a rocket… (or type your own).&lt;/li&gt;
&lt;li&gt;Choose a paper size (A5, A4, A3 or Letter) and print it.&lt;/li&gt;
&lt;li&gt;Grab some crayons or pencils and head outside: the park, the garden, a picnic blanket, the front steps. Colour each square to match its letter until the picture appears.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The sheet is a 24×24 grid with Battleship-style coordinates (A1, B7…), a letter in every square (R for red, O for orange, and so on) and a colour key. Page 2 has a fun fact about the subject ("Owls can turn their heads almost all the way around!") and a space to draw or stick a photo of where you coloured it.&lt;/p&gt;

&lt;p&gt;It's made for &lt;strong&gt;kids, parents and teachers&lt;/strong&gt; who want a screen-free activity. Pixel art is calm and satisfying, and it quietly practises colour matching, counting and grid coordinates. The name comes from the autumn palette: every pattern uses the colours of October leaves. The screen part takes about a minute; the colouring happens offline, outdoors.&lt;/p&gt;

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


&lt;div class="crayons-card c-embed text-styles text-styles--secondary"&gt;
    &lt;div class="c-embed__content"&gt;
      &lt;div class="c-embed__body flex items-center justify-between"&gt;
        &lt;a href="https://leaf-pixels.vercel.app/" rel="noopener noreferrer" class="c-link fw-bold flex items-center"&gt;
          &lt;span class="mr-2"&gt;leaf-pixels.vercel.app&lt;/span&gt;
          

        &lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;


&lt;h2&gt;
  
  
  Code
&lt;/h2&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/abdullah-k18" rel="noopener noreferrer"&gt;
        abdullah-k18
      &lt;/a&gt; / &lt;a href="https://github.com/abdullah-k18/leaf-pixels" rel="noopener noreferrer"&gt;
        leaf-pixels
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;Leaf Pixels 🍁&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;Pixel art you build &lt;strong&gt;outside&lt;/strong&gt;, one leaf at a time.&lt;/p&gt;
&lt;p&gt;Pick a picture (a fox, an owl, a pumpkin…), print the pattern, then go outside, collect fallen leaves and lay them on the ground, one leaf per square, until the picture appears. The screen part takes a minute; the rest happens outdoors.&lt;/p&gt;
&lt;p&gt;Built for the &lt;a href="https://dev.to/challenges/hacktoberfest-week1-2026-10-05" rel="nofollow"&gt;Hacktoberfest Open-Source AI Challenge, Week 1: Touch Grass&lt;/a&gt;.&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;How it works&lt;/h2&gt;
&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;gpt-oss-120b&lt;/strong&gt; (open-weight, Apache 2.0), served by &lt;a href="https://groq.com" rel="nofollow noopener noreferrer"&gt;Groq&lt;/a&gt;, checks that the subject is kid-friendly and drawable, writes an image prompt, and comes up with a fun fact.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;FLUX.1 [schnell]&lt;/strong&gt; (open-weight, Apache 2.0), served by &lt;a href="https://developers.cloudflare.com/workers-ai/" rel="nofollow noopener noreferrer"&gt;Cloudflare Workers AI&lt;/a&gt;, draws a simple flat icon.&lt;/li&gt;
&lt;li&gt;The server turns the drawing into a 24×24 grid in a fixed autumn palette (red, orange, yellow, green, brown, black). Each square gets the colour most of its pixels have, thin parts like stems and legs…&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/abdullah-k18/leaf-pixels" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


&lt;h2&gt;
  
  
  How I Built It
&lt;/h2&gt;

&lt;p&gt;Leaf Pixels is a Next.js app with two open-weight models at its core:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Step&lt;/th&gt;
&lt;th&gt;Model&lt;/th&gt;
&lt;th&gt;Licence&lt;/th&gt;
&lt;th&gt;Where it runs&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Check the subject, write the drawing prompt, write a fun fact&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;gpt-oss-120b&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Apache 2.0&lt;/td&gt;
&lt;td&gt;Groq&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Draw the picture&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;FLUX.1 [schnell]&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Apache 2.0&lt;/td&gt;
&lt;td&gt;Cloudflare Workers AI&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;&lt;strong&gt;The pipeline:&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;gpt-oss-120b&lt;/strong&gt; decides whether the subject is kid-friendly and drawable. "Fox" is fine, but "my tax return" gets a friendly &lt;em&gt;"Try a happy animal or a yummy fruit!"&lt;/em&gt;. It then writes a strict prompt for a flat icon in autumn colours, plus a one-line fun fact for a 6-year-old.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;FLUX.1 [schnell]&lt;/strong&gt; draws the icon in about 2–4 seconds.&lt;/li&gt;
&lt;li&gt;My own code turns the drawing into a 24×24 grid using a six-colour autumn palette (red, orange, yellow, green, brown and black), so you only need a small box of crayons.&lt;/li&gt;
&lt;li&gt;The browser builds a two-page printable PDF with &lt;strong&gt;jsPDF&lt;/strong&gt;.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The hardest part was step 3. A naive downscale gave messy results, so it went through a few rounds:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Colour fringes:&lt;/strong&gt; averaging pixels made a yellow halo around every shape. I switched to a &lt;em&gt;vote&lt;/em&gt;: each square takes the colour most of its pixels have.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Wrong colours:&lt;/strong&gt; matching pixels to the nearest palette colour turned a red sail orange and grey edges green. Classifying by &lt;strong&gt;hue&lt;/strong&gt; fixed it, since the soft edge of a red shape is still red.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Vanishing details:&lt;/strong&gt; a thin mast or a bird's legs covered too little of a square to win the vote, so they disappeared. A morphological opening finds parts thinner than half a square and thickens them before voting.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Clean-up:&lt;/strong&gt; a bounding-box crop centres the subject even when the drawing has a faint drop shadow, and a connected-components pass removes stray specks.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;There are no accounts and no database, and nothing is stored. A small rate limit keeps the free tiers alive.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why Does Open Innovation Matter?
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;I changed models twice in one week, and each change took one line.&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;I first planned to run FLUX on Hugging Face. When I checked, the free tier there had changed. Because the &lt;strong&gt;weights are open&lt;/strong&gt;, I moved the same model to Cloudflare Workers AI, which has a free daily allowance. With a closed model, I'd have been stuck with one vendor's pricing.&lt;/li&gt;
&lt;li&gt;The Llama model I'd planned to use on Groq was no longer available. I swapped in &lt;strong&gt;gpt-oss-120b&lt;/strong&gt; by changing a single model name. The text step uses the OpenAI-compatible API format, so &lt;code&gt;GROQ_BASE_URL&lt;/code&gt; and &lt;code&gt;GROQ_MODEL&lt;/code&gt; can point at &lt;strong&gt;any host of an open model&lt;/strong&gt;: Ollama on your own laptop, vLLM on a school server, or OpenRouter.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That flexibility matters for this audience:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Kids' data:&lt;/strong&gt; a school or library could self-host both models and keep everything on their own hardware, with no third party involved.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Cost:&lt;/strong&gt; both models are Apache 2.0, and both run on free tiers. Making a pattern costs nothing, which is the point for a free family activity.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Control:&lt;/strong&gt; the models' behaviour lives in my own prompt and my own code. Nothing changes under me when a vendor updates a closed model.&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>devchallenge</category>
      <category>hf26challenge</category>
    </item>
    <item>
      <title>RepoRadar</title>
      <dc:creator>Abdullah Bin Altaf</dc:creator>
      <pubDate>Sun, 04 Oct 2026 13:50:47 +0000</pubDate>
      <link>https://dev.to/abdullah-k18/reporadar-5bh6</link>
      <guid>https://dev.to/abdullah-k18/reporadar-5bh6</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/hacktoberfest-weekend-2026-10-01"&gt;Hacktoberfest Weekend Challenge: Build for a Friend&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;Every October, my friend &lt;strong&gt;Ahmad&lt;/strong&gt; says the same thing: &lt;em&gt;"I want to contribute to open source this year."&lt;/em&gt; And every October, they open GitHub, search for "good first issue", scroll through a few thousand results, and close the tab.&lt;/p&gt;

&lt;p&gt;Ahmad is a final-year CS student who's comfortable with React and Python but has never opened a PR on someone else's project. The skills aren't the problem. The problem is that GitHub search doesn't know who &lt;em&gt;they&lt;/em&gt; are. It can't tell a repo that fits them from one that will eat their weekend and give nothing back.&lt;/p&gt;

&lt;p&gt;So I built &lt;strong&gt;RepoRadar&lt;/strong&gt; for them: an open-source project finder that starts from &lt;em&gt;you&lt;/em&gt;, not from the search bar.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Tell it who you are, once.&lt;/strong&gt; Upload a CV (or paste it) and an open-weight model turns it into an editable profile: languages, skills, interests, experience, and certifications with who issued them. Add your GitHub username and it cross-checks the languages you &lt;em&gt;actually&lt;/em&gt; write in your own repos.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Pick how big you want to go.&lt;/strong&gt; Entry level (smaller repos with &lt;code&gt;good first issue&lt;/code&gt; labels), mid level (established projects asking for help), or big projects (25k+ stars).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Get 5 real repos.&lt;/strong&gt; Each one comes with a short "why this fits &lt;em&gt;you&lt;/em&gt;" note tied to your actual background, a suggestion for which issue to start with, and a list of issues that are &lt;strong&gt;open and unassigned right now&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Say "not for me."&lt;/strong&gt; Skipped repos never come back, and neither do ones you've already seen. Every click on "Find 5 more" brings something new.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;There's no account and no database. Your profile lives in your browser, and &lt;strong&gt;Export / Import JSON&lt;/strong&gt; lets you back it up or move it to another laptop.&lt;/p&gt;

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

&lt;p&gt;&lt;strong&gt;Live app:&lt;/strong&gt; &lt;/p&gt;
&lt;div class="crayons-card c-embed text-styles text-styles--secondary"&gt;
    &lt;div class="c-embed__content"&gt;
      &lt;div class="c-embed__body flex items-center justify-between"&gt;
        &lt;a href="https://reporadar1.vercel.app" rel="noopener noreferrer" class="c-link fw-bold flex items-center"&gt;
          &lt;span class="mr-2"&gt;reporadar1.vercel.app&lt;/span&gt;
          

        &lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;


&lt;p&gt;To try it, open &lt;strong&gt;Settings&lt;/strong&gt;, paste a free &lt;a href="https://console.groq.com/keys" rel="noopener noreferrer"&gt;Groq API key&lt;/a&gt; (a GitHub token is optional but recommended), then upload a CV on &lt;strong&gt;My profile&lt;/strong&gt; and hit &lt;strong&gt;Find 5 repos&lt;/strong&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Code
&lt;/h2&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/abdullah-k18" rel="noopener noreferrer"&gt;
        abdullah-k18
      &lt;/a&gt; / &lt;a href="https://github.com/abdullah-k18/reporadar" rel="noopener noreferrer"&gt;
        reporadar
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;◉ RepoRadar&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;Find open-source projects that fit &lt;strong&gt;your&lt;/strong&gt; skills, with open, unassigned issues you can pick up today.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Upload your CV (or fill the form). An open-weight model extracts your languages, skills, experience and certifications.&lt;/li&gt;
&lt;li&gt;Pick a level: &lt;strong&gt;Entry&lt;/strong&gt;, &lt;strong&gt;Mid&lt;/strong&gt;, or &lt;strong&gt;Big projects&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Get 5 real repos from GitHub, each with a "why it fits you" note and starter issues.&lt;/li&gt;
&lt;li&gt;Skip what you don't like. Repos you've already seen never come back.&lt;/li&gt;
&lt;/ol&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;How it works&lt;/h2&gt;
&lt;/div&gt;
&lt;div class="snippet-clipboard-content notranslate position-relative overflow-auto"&gt;&lt;pre class="notranslate"&gt;&lt;code&gt;Profile ──► open LLM: profile → GitHub search terms
        ──► GitHub API: real repos filtered by level (never invented by the model)
        ──► open LLM: shortlist best fits
        ──► GitHub API: keep repos with open, unassigned issues
        ──► open LLM: explain each match + which issue to start with
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Bring your own key:&lt;/strong&gt; in &lt;strong&gt;Settings&lt;/strong&gt;, paste a free Groq key and pick a model from the live list. Keys stay in…&lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/abdullah-k18/reporadar" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


&lt;h2&gt;
  
  
  How I Built It
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Stack:&lt;/strong&gt; Next.js (App Router), TypeScript and Tailwind, deployed on Vercel. The model is &lt;strong&gt;&lt;code&gt;gpt-oss-120b&lt;/code&gt;&lt;/strong&gt;, an open-weight model released under Apache 2.0, served through Groq's OpenAI-compatible API. GitHub's REST API supplies the repo data.&lt;/p&gt;

&lt;p&gt;The core design rule: &lt;strong&gt;the model never invents a repo or an issue.&lt;/strong&gt; LLMs are great at matching and explaining, and terrible at remembering which repos exist and which issues are still open. So the work is split:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Profile ──► open model: profile → GitHub search terms (languages + topics)
        ──► GitHub API: real repos, filtered by level, minus everything already seen
        ──► open model: shortlist the best fits for this person
        ──► GitHub API: keep only repos with open, unassigned issues right now
        ──► open model: explain each match + which issue to start with
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;A few details I'm happy with:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Levels are hardcoded and concrete.&lt;/strong&gt; "Entry" means 50–3,000 stars with at least one &lt;code&gt;good first issue&lt;/code&gt;. "Mid" means 3k–25k stars with &lt;code&gt;help wanted&lt;/code&gt; issues. "Big" means 25k+. Everything must have been pushed to in the last 90 days, so no abandoned repos.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Structured output everywhere.&lt;/strong&gt; Each model call asks for JSON with a fixed shape. Every name the model returns is checked against the real GitHub results, and anything it made up is dropped. If a model call fails, the app falls back to a simple star-sorted list instead of an error page.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;The model sees your GitHub, not just your CV.&lt;/strong&gt; CVs exaggerate. Your public repos don't. If you give your username, the languages you actually use are fed into the matching.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Bring your own key.&lt;/strong&gt; Your Groq key and optional GitHub token are stored only in your browser and sent only with your own requests. Export JSON deliberately leaves them out, so a backup file never contains secrets.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;A live model list.&lt;/strong&gt; "Test key &amp;amp; load models" asks the provider which models it serves &lt;em&gt;today&lt;/em&gt;, so the dropdown never offers a retired model.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;No database, on purpose.&lt;/strong&gt; It's built for one person, so a login system and Postgres would have been effort with no payoff. localStorage plus JSON export covers everything: profile, seen repos, skipped repos and saved repos.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Why Does Open Innovation Matter?
&lt;/h2&gt;

&lt;p&gt;RepoRadar is a tool for getting into open source, so building it on a closed, black-box model would have felt backwards. But open weights also made real technical differences:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;No lock-in.&lt;/strong&gt; &lt;code&gt;gpt-oss-120b&lt;/code&gt; is the same model whether it runs on Groq, Together, OpenRouter, Hugging Face or someone's own GPU. The app talks to a plain OpenAI-compatible endpoint, so switching hosts is one line in &lt;code&gt;providers.ts&lt;/code&gt;, not a rewrite. With a closed model, the model and the company come as a package.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;A real path to privacy.&lt;/strong&gt; A CV is personal. Today it goes through Groq's API, but because the weights are open, anyone who doesn't want that can run the exact same model on their own server with vLLM or Ollama and point RepoRadar at it. Same prompts, same behaviour, and the CV never leaves their machine. A closed API can't offer that at any price.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Free for the person it's for.&lt;/strong&gt; Ahmad is a student. Open models on Groq's free tier mean the tool costs them nothing to use, and it'll keep costing nothing.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;I know what I'm running.&lt;/strong&gt; The license, model card and weights are public. I can say exactly which model reads your CV and what it's allowed to be used for.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;It can grow with them.&lt;/strong&gt; If the matching ever needs to be sharper, open weights can be fine-tuned on examples of good repo matches. That's not something you can do with a closed model.&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>devchallenge</category>
      <category>weekendchallenge</category>
      <category>hf26challenge</category>
    </item>
    <item>
      <title>Ask &amp; Regret — The AI That's Always Wrong, Always Confident, and Proudly Serving 418s</title>
      <dc:creator>Abdullah Bin Altaf</dc:creator>
      <pubDate>Fri, 10 Apr 2026 21:57:56 +0000</pubDate>
      <link>https://dev.to/abdullah-k18/ask-regret-the-ai-thats-always-wrong-always-confident-and-proudly-serving-418s-4hmi</link>
      <guid>https://dev.to/abdullah-k18/ask-regret-the-ai-thats-always-wrong-always-confident-and-proudly-serving-418s-4hmi</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/aprilfools-2026"&gt;DEV April Fools Challenge&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;&lt;strong&gt;Ask &amp;amp; Regret&lt;/strong&gt; is a deliberately terrible AI assistant that looks exactly like a real AI product — clean UI, confidence meters, system logs — but is entirely dedicated to being wrong.&lt;/p&gt;

&lt;p&gt;Core features:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;4 Personality Modes&lt;/strong&gt; — &lt;em&gt;Overconfident Idiot&lt;/em&gt; (wrong but certain), &lt;em&gt;Philosopher&lt;/em&gt; (answers everything with vague existential musings), &lt;em&gt;Passive-Aggressive&lt;/em&gt; (judges you for asking), and &lt;strong&gt;Teapot Mode ☕&lt;/strong&gt; (refuses everything via HTTP 418)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Misinterpretation Engine&lt;/strong&gt; — your question gets distorted before being sent to the AI. "Fix my code" becomes "write poetry about bugs"&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Moving Send Button&lt;/strong&gt; — hovers away from your cursor on purpose&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Confidence Meter&lt;/strong&gt; — always 99.8% confidence, always ??? accuracy&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Random 418 Teapot Errors&lt;/strong&gt; — 10% of requests are refused with &lt;code&gt;{ "error": "418 I'm a teapot", "message": "I refuse to process this. Try tea." }&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Mood Swings&lt;/strong&gt; — personality auto-switches every few messages&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Fake System Logs&lt;/strong&gt; — a live panel showing logs like &lt;code&gt;[ERROR] truth.js has crashed&lt;/code&gt; and &lt;code&gt;[OK] Response generated (verified: wrong)&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Inverted Home Page&lt;/strong&gt; — the page literally starts at the footer. Scrolling down takes you up. Scrolling up takes you down.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Useless API as a Service™
&lt;/h3&gt;

&lt;p&gt;Three public endpoints anyone can call:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight http"&gt;&lt;code&gt;&lt;span class="err"&gt;GET /api/random-excuse                        → professional excuses for not doing work
GET /api/fake-motivation                      → inspirational quotes that mean nothing
GET /api/probability-of-success?goal=anything → always ~3%
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;Responses for all three endpoints are AI-generated via Gemini.&lt;/p&gt;


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



&lt;p&gt;&lt;a href="https://ask-and-regret.vercel.app" rel="noopener noreferrer"&gt;ask-and-regret.vercel.app&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Recommended demo script:&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Load the page — notice you start at the footer&lt;/li&gt;
&lt;li&gt;Scroll &lt;em&gt;down&lt;/em&gt; to go &lt;em&gt;up&lt;/em&gt; to the hero&lt;/li&gt;
&lt;li&gt;Click "Start Regretting"&lt;/li&gt;
&lt;li&gt;Ask something normal — watch it get misinterpreted&lt;/li&gt;
&lt;li&gt;Hover over the Send button&lt;/li&gt;
&lt;li&gt;Wait for a 418 teapot error&lt;/li&gt;
&lt;li&gt;Hit "Show Logs" and watch &lt;code&gt;truth.js&lt;/code&gt; crash in real time&lt;/li&gt;
&lt;/ol&gt;


&lt;h2&gt;
  
  
  Code
&lt;/h2&gt;




&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/abdullah-k18" rel="noopener noreferrer"&gt;
        abdullah-k18
      &lt;/a&gt; / &lt;a href="https://github.com/abdullah-k18/ask-and-regret" rel="noopener noreferrer"&gt;
        ask-and-regret
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;Ask &amp;amp; Regret&lt;/h1&gt;
&lt;/div&gt;

&lt;blockquote&gt;
&lt;p&gt;The AI assistant that's always wrong, always confident, and genuinely trying its best.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;🔗 &lt;strong&gt;&lt;a href="https://ask-and-regret.vercel.app" rel="nofollow noopener noreferrer"&gt;ask-and-regret.vercel.app&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;




&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;What is this?&lt;/h2&gt;
&lt;/div&gt;

&lt;p&gt;Ask &amp;amp; Regret is a deliberately terrible AI assistant that looks exactly like a real AI product — clean UI, confidence meters, system logs — but is entirely dedicated to being wrong. Powered by Gemini AI, sabotaged by us.&lt;/p&gt;

&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Features&lt;/h2&gt;
&lt;/div&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;4 Personality Modes&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;🤓 Overconfident Idiot — wrong but 100% certain&lt;/li&gt;
&lt;li&gt;🧐 Philosopher — answers everything with vague existential musings&lt;/li&gt;
&lt;li&gt;😤 Passive-Aggressive — judges you for asking&lt;/li&gt;
&lt;li&gt;☕ Teapot Mode — refuses everything via HTTP 418&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;

&lt;p&gt;&lt;strong&gt;Misinterpretation Engine&lt;/strong&gt; — distorts your question before sending it to the AI&lt;/p&gt;


&lt;/li&gt;

&lt;li&gt;

&lt;p&gt;&lt;strong&gt;Moving Send Button&lt;/strong&gt; — flees from your cursor on hover&lt;/p&gt;


&lt;/li&gt;

&lt;li&gt;

&lt;p&gt;&lt;strong&gt;Confidence Meter&lt;/strong&gt; — always 99.8% confidence, always ??? accuracy&lt;/p&gt;


&lt;/li&gt;

&lt;li&gt;

&lt;p&gt;&lt;strong&gt;Random 418 Errors&lt;/strong&gt; — 10% of requests get refused by a teapot&lt;/p&gt;


&lt;/li&gt;

&lt;li&gt;

&lt;p&gt;&lt;strong&gt;Mood Swings&lt;/strong&gt; — personality auto-switches every few messages&lt;/p&gt;


&lt;/li&gt;

&lt;li&gt;

&lt;p&gt;&lt;strong&gt;Fake System&lt;/strong&gt;…&lt;/p&gt;


&lt;/li&gt;

&lt;/ul&gt;&lt;/div&gt;
&lt;br&gt;
  &lt;/div&gt;
&lt;br&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/abdullah-k18/ask-and-regret" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;br&gt;
&lt;/div&gt;
&lt;br&gt;





&lt;h2&gt;
  
  
  How I Built It
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Next.js 15&lt;/strong&gt; (App Router) — pages, API routes, everything&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Gemini API&lt;/strong&gt; (&lt;code&gt;gemini-flash-latest&lt;/code&gt;) — powers all four sabotaged personality modes plus the three Useless API endpoints. Each has a carefully crafted system prompt that instructs the model to be maximally unhelpful in a specific way&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Tailwind CSS&lt;/strong&gt; — for the "clean real AI product" aesthetic&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;CSS animations&lt;/strong&gt; — fake typing dots, fade-in messages, pulse glow&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Vanilla JS scroll interception&lt;/strong&gt; — &lt;code&gt;wheelEvent.preventDefault()&lt;/code&gt; + inverted &lt;code&gt;scrollBy&lt;/code&gt; for the upside-down home page&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;No framer-motion&lt;/strong&gt; — all chaos achieved with CSS transitions and &lt;code&gt;transform: translate()&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The Gemini prompts are the real magic. For example, the Passive-Aggressive prompt:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;"You are a passive-aggressive AI that subtly judges users. Express quiet disappointment at the question. Give technically unhelpful or wrong answers while sighing. Add a passive-aggressive emoji at least once."&lt;/em&gt;&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  Prize Category
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Best Ode to Larry Masinter&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;RFC 2324 deserves more respect. Ask &amp;amp; Regret treats HTTP 418 not as an easter egg but as a &lt;em&gt;core product feature&lt;/em&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A dedicated &lt;strong&gt;Teapot Mode&lt;/strong&gt; personality that refuses all requests and only discusses tea&lt;/li&gt;
&lt;li&gt;A &lt;strong&gt;10% random 418 rate&lt;/strong&gt; on all chat requests — because sometimes the server is simply a teapot&lt;/li&gt;
&lt;li&gt;The 418 response appears as a first-class UI event with a bubble in the chat&lt;/li&gt;
&lt;li&gt;The Useless API philosophy is essentially RFC 2324 as a SaaS product&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Larry Masinter wrote a joke RFC in 1998. I built a production app around it in 2026. This feels right.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>418challenge</category>
      <category>showdev</category>
    </item>
    <item>
      <title>AI Customer Support Chatbot with Smart Rate Limiting Using Redis</title>
      <dc:creator>Abdullah Bin Altaf</dc:creator>
      <pubDate>Fri, 25 Jul 2025 21:25:18 +0000</pubDate>
      <link>https://dev.to/abdullah-k18/ai-customer-support-chatbot-with-smart-rate-limiting-using-redis-1bgm</link>
      <guid>https://dev.to/abdullah-k18/ai-customer-support-chatbot-with-smart-rate-limiting-using-redis-1bgm</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/redis-2025-07-23"&gt;Redis AI Challenge&lt;/a&gt;: Real-Time AI Innovators&lt;/em&gt;.&lt;/p&gt;

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

&lt;p&gt;For the Redis AI Challenge, I built a real-time AI-powered customer support chatbot workflow using n8n and Redis as the real-time data layer. This chatbot isn’t just reactive, it tracks user activity and throttles requests to ensure scalability and prevent abuse.&lt;/p&gt;

&lt;p&gt;Each user session is assigned a unique &lt;code&gt;UUID&lt;/code&gt;. Redis then keeps track of how many messages that session sends within a 60-second time window. If a user sends more than 10 messages in that timeframe, Redis prevents further interaction until the TTL resets. This allows for intelligent, real-time rate limiting directly within the chatbot flow.&lt;/p&gt;

&lt;p&gt;By using Redis to manage session-based limits and real-time tracking, the application becomes resilient under high user loads—a key requirement for production-ready AI assistants.&lt;/p&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&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%2Froo6vfz8wixkdhb1je5t.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%2Froo6vfz8wixkdhb1je5t.png" alt="Workflow" width="800" height="239"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  How I Used Redis 8
&lt;/h2&gt;

&lt;p&gt;I used Redis 8 as the core real-time data layer to power session-level message tracking and throttling:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;INCR + EXPIRE pattern:&lt;/strong&gt; For every user session (keyed by UUID), I increment a counter each time a message is sent.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;TTL of 60 seconds:&lt;/strong&gt; Automatically resets counters after a minute, maintaining system health without manual cleanup.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Threshold logic (10 requests/minute):&lt;/strong&gt; If the count exceeds 10, the workflow halts the user's interaction with a rate-limit message.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Redis Node in n8n:&lt;/strong&gt; Used to integrate Redis directly into a no-code/low-code automation environment.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This makes the AI chatbot resilient, rate-aware, and truly real-time—leveraging Redis not just as a data store, but as a real-time traffic manager for an AI system.&lt;/p&gt;

</description>
      <category>redischallenge</category>
      <category>devchallenge</category>
      <category>database</category>
      <category>ai</category>
    </item>
    <item>
      <title>Build Apps with Google AI Studio: Pet as Superhero</title>
      <dc:creator>Abdullah Bin Altaf</dc:creator>
      <pubDate>Sun, 13 Jul 2025 19:01:38 +0000</pubDate>
      <link>https://dev.to/abdullah-k18/build-apps-with-google-ai-studio-pet-as-superhero-35ef</link>
      <guid>https://dev.to/abdullah-k18/build-apps-with-google-ai-studio-pet-as-superhero-35ef</guid>
      <description>&lt;p&gt;&lt;em&gt;This post is my submission for &lt;a href="https://dev.to/deved/build-apps-with-google-ai-studio"&gt;DEV Education Track: Build Apps with Google AI Studio&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;I built a fun superhero-themed web app where users enter a pet description and a superhero theme. It combines both inputs to generate a comic-style image using the Imagen API.&lt;/p&gt;

&lt;p&gt;I used the following prompt in Google AI Studio to build the app:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Build a web app with two input fields:
- Pet Description (e.g., “a golden retriever puppy named Max”)
- Superhero Theme (e.g., “fire powers and a cape made of lightning”)

Use a default system prompt that will work with all the use cases, entering the pet description and superhero theme.
When the user clicks the Generate Image button, combine both inputs into a single detailed prompt for image generation using the Imagen API.

The app should:
- Show a loading indicator while the image is being generated
- Display the generated image once it's ready
- User should be able to download the mage

Use a fun, colorful design that feels like a comic book or superhero theme.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



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

&lt;p&gt;&lt;a href="https://github.com/abdullah-k18/pet-as-superhero" class="crayons-btn crayons-btn--primary" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt;
 &lt;a href="https://pet-as-superhero.vercel.app/" class="crayons-btn crayons-btn--primary" rel="noopener noreferrer"&gt;Live Demo&lt;/a&gt;
&lt;/p&gt;

&lt;p&gt;  &lt;iframe src="https://www.youtube.com/embed/josgMtLlstM"&gt;
  &lt;/iframe&gt;
&lt;/p&gt;

&lt;h2&gt;
  
  
  My Experience
&lt;/h2&gt;

&lt;p&gt;This project helped me understand the creative potential of generative AI beyond typical use cases. I enjoyed combining text and image generation into one simple workflow using Google AI Studio.&lt;/p&gt;

&lt;p&gt;What stood out was how easily a fun, interactive app could be built — just by guiding the AI with well-structured prompts. It was interesting to see how each result had its own twist, even when the inputs were similar.&lt;/p&gt;

</description>
      <category>deved</category>
      <category>learngoogleaistudio</category>
      <category>ai</category>
      <category>gemini</category>
    </item>
    <item>
      <title>Runner H - GitHub Repository Analysis and Documentation</title>
      <dc:creator>Abdullah Bin Altaf</dc:creator>
      <pubDate>Sat, 05 Jul 2025 13:32:27 +0000</pubDate>
      <link>https://dev.to/abdullah-k18/runner-h-github-repository-analysis-and-documentation-248f</link>
      <guid>https://dev.to/abdullah-k18/runner-h-github-repository-analysis-and-documentation-248f</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/runnerh"&gt;Runner H "AI Agent Prompting" Challenge&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;I built a Runner H workflow that automatically generates professional project documentation (in markdown format) from any GitHub repository by deeply analyzing the entire codebase.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;This Runner H agent:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Clones the GitHub repository&lt;/li&gt;
&lt;li&gt;Understands the architecture, code structure, and logic&lt;/li&gt;
&lt;li&gt;Extracts key information from source code, dependencies, and file structures&lt;/li&gt;
&lt;li&gt;Generates clean and structured project documentation&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It solves the problem of poor or missing documentation in many open-source and internal projects. This agent is especially useful for:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;New developers onboarding to a project&lt;/li&gt;
&lt;li&gt;Maintaining consistent documentation across teams&lt;/li&gt;
&lt;li&gt;Open-source maintainers who want to save time&lt;/li&gt;
&lt;/ul&gt;

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

&lt;p&gt;&lt;a href="https://runner.hcompany.ai/chat/6d8a8240-c1c1-433a-ac90-99a8c78cb9ea" class="crayons-btn crayons-btn--primary" rel="noopener noreferrer"&gt;Runner H Chat&lt;/a&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%2Fio9ye7pzosa6kt6cp6mm.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%2Fio9ye7pzosa6kt6cp6mm.png" alt="Surfing"&gt;&lt;/a&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%2Fdetjttefjy7a3d51t5bf.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%2Fdetjttefjy7a3d51t5bf.png" alt="Generated Documentation"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  How I Used Runner H
&lt;/h2&gt;

&lt;p&gt;Prompt used in Runner H:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Please clone and analyze the following GitHub repository:
https://github.com/abdullah-k18/PrintHub

Your task is to:

1. Understand the entire codebase — including source code, project structure, dependencies, comments, and any existing documentation.
2. Based on this understanding, generate comprehensive, professional documentation with the following sections:
   - Project Overview
   - Key Features and Use Cases
   - Folder Structure &amp;amp; Module Breakdown
   - Setup Instructions (installation, configuration, environment variables)
   - Usage Guide (CLI/API/UI details, if applicable)
   - Deployment Instructions (if any)
   - Contribution Guidelines (if not present)
   - Dependencies / Tech Stack
   - Author and License Information
3. Deliver the final documentation in a well-formatted markdown format.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; While the repo did include a basic README, it didn’t describe the actual project functionality or architecture. Runner H intelligently interpreted the logic from the source code and structure to craft the full documentation — showing its ability to reason and extract meaning even in low-context environments.&lt;/p&gt;
&lt;h2&gt;
  
  
  Use Case &amp;amp; Impact
&lt;/h2&gt;



&lt;p&gt;This workflow can be a game-changer for:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Dev teams that need instant documentation before handoffs&lt;/li&gt;
&lt;li&gt;Freelancers and consultants inheriting poorly documented code&lt;/li&gt;
&lt;li&gt;Open-source maintainers who want to make their repo contributor-friendly&lt;/li&gt;
&lt;li&gt;Hackathon and startup teams who need quick docs for demos or pitches&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It turns Runner H into an autonomous technical writer — no more manually writing project overviews or setup steps.&lt;br&gt;
By making documentation generation automatic, this agent:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Saves time&lt;/li&gt;
&lt;li&gt;Improves consistency&lt;/li&gt;
&lt;li&gt;Reduces onboarding friction&lt;/li&gt;
&lt;li&gt;Boosts project professionalism&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;
  
  
  Social Love
&lt;/h3&gt;




&lt;div class="crayons-card c-embed text-styles text-styles--secondary"&gt;
    &lt;div class="c-embed__content"&gt;
        &lt;div class="c-embed__cover"&gt;
          &lt;a href="https://www.linkedin.com/embed/feed/update/urn:li:share:7347256294610776065" class="c-link align-middle" rel="noopener noreferrer"&gt;
            &lt;img alt="" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmedia.licdn.com%2Fdms%2Fimage%2Fsync%2Fv2%2FD4D27AQHE1e08cy09JA%2Farticleshare-shrink_1280_800%2FB4DZfayjy3H4AU-%2F0%2F1751722377143%3Fe%3D2147483647%26v%3Dbeta%26t%3DnubLI3ixGd99ZdGPeLXS3xj_ZVUQUXyZtJiA9o-JFhU" height="auto" class="m-0"&gt;
          &lt;/a&gt;
        &lt;/div&gt;
      &lt;div class="c-embed__body"&gt;
        &lt;h2 class="fs-xl lh-tight"&gt;
          &lt;a href="https://www.linkedin.com/embed/feed/update/urn:li:share:7347256294610776065" rel="noopener noreferrer" class="c-link"&gt;
            Runner H - GitHub Repository Analysis and Documentation | Abdullah Bin Altaf
          &lt;/a&gt;
        &lt;/h2&gt;
          &lt;p class="truncate-at-3"&gt;
            🚀 Just built something super useful with Runner H, the autonomous agent platform — and I’m genuinely impressed by its capabilities.

I gave it just a GitHub repo URL and a clear prompt, and it:
 🔍 Understood the entire codebase
 🧠 Analyzed the logic, structure, and dependencies
 📝 Generated complete project documentation in markdown format

This was a real-world test — the repo had a basic README with no detailed explanation of the project. Yet, Runner H read through the code and figured it all out.
📚 I’ve written a blog about the full workflow, the use case, and how this could save countless hours for developers and open-source maintainers:
 👉 https://lnkd.in/dnG3f687
🧪 Want to try the same prompt? You can use the exact Runner H chat I used:
 💬 https://lnkd.in/dJdbqhWf

This is just one example of how AI agents can handle the heavy lifting in creative and technical workflows.
#AI #RunnerH #DevTools #OpenSource #Automation #Documentation #Github #AgenticAI #PromptEngineering #BuildWithAI
          &lt;/p&gt;
        &lt;div class="color-secondary fs-s flex items-center"&gt;
            &lt;img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fstatic.licdn.com%2Faero-v1%2Fsc%2Fh%2Fal2o9zrvru7aqj8e1x2rzsrca"&gt;
          linkedin.com
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;



</description>
      <category>devchallenge</category>
      <category>runnerhchallenge</category>
      <category>ai</category>
      <category>machinelearning</category>
    </item>
    <item>
      <title>Git-Push: Crush Git with Natural Language</title>
      <dc:creator>Abdullah Bin Altaf</dc:creator>
      <pubDate>Sun, 04 May 2025 13:54:34 +0000</pubDate>
      <link>https://dev.to/abdullah-k18/git-push-crush-git-with-natural-language-coc</link>
      <guid>https://dev.to/abdullah-k18/git-push-crush-git-with-natural-language-coc</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/aws-amazon-q-v2025-04-30"&gt;Amazon Q Developer "Quack The Code" Challenge&lt;/a&gt;: Crushing the Command Line&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;&lt;code&gt;gitpush&lt;/code&gt; is an AI-powered command-line tool that translates natural language into Git commands and executes them in your terminal. It's built to simplify version control for developers of all levels.&lt;/p&gt;

&lt;h3&gt;
  
  
  🚀 Features
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;🤖 Convert natural language like &lt;code&gt;"push my changes"&lt;/code&gt; to real Git commands.&lt;/li&gt;
&lt;li&gt;🔄 Cross-platform support (Windows, macOS, Linux).&lt;/li&gt;
&lt;li&gt;⚙️ Executes Git commands safely using Python's &lt;code&gt;subprocess&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;📦 Easy to install via PyPI: &lt;code&gt;pip install gitpush-cli&lt;/code&gt;.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  🧠 Powered By
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Groq API&lt;/strong&gt; for fast and accurate command generation.&lt;/li&gt;
&lt;li&gt;Amazon Q Developer CLI was used to scaffold and debug the project.&lt;/li&gt;
&lt;li&gt;Python 3.8+&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Additionally, I’ve created a Python package for gitpush, which is now available on PyPI. You can easily install it with the command &lt;code&gt;pip install git-push-cli&lt;/code&gt; to start using the tool and enhance your workflow right away.&lt;br&gt;
&lt;/p&gt;
&lt;div class="crayons-card c-embed text-styles text-styles--secondary"&gt;
    &lt;div class="c-embed__content"&gt;
      &lt;div class="c-embed__body flex items-center justify-between"&gt;
        &lt;a href="https://pypi.org/project/git-push-cli/" rel="noopener noreferrer" class="c-link fw-bold flex items-center"&gt;
          &lt;span class="mr-2"&gt;pypi.org&lt;/span&gt;
          

        &lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;





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

&lt;p&gt;  &lt;iframe src="https://www.youtube.com/embed/BCzutwOFW-o"&gt;
  &lt;/iframe&gt;
&lt;br&gt;
Here’s how a typical session would look:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Install GitPush&lt;/strong&gt;: &lt;code&gt;pip install git-push-cli&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Run GitPush CLI&lt;/strong&gt;: &lt;code&gt;gitpush&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Enter your Groq API key&lt;/strong&gt;: &lt;code&gt;gsk_**********************************&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Generate and let the agent execute Git command by entering a prompt&lt;/strong&gt;: &lt;code&gt;initialize git&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Exit the tool&lt;/strong&gt;: &lt;code&gt;exit&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;


&lt;h2&gt;
  
  
  Code Repository
&lt;/h2&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/abdullah-k18" rel="noopener noreferrer"&gt;
        abdullah-k18
      &lt;/a&gt; / &lt;a href="https://github.com/abdullah-k18/git-push-cli" rel="noopener noreferrer"&gt;
        git-push-cli
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      A python package
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;GitPush CLI Tool&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;GitPush is a command-line tool that allows you to execute Git commands by providing natural language prompts. Using the Groq API, it generates and runs Git commands for you.&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Features&lt;/h2&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Convert natural language commands into Git commands&lt;/li&gt;
&lt;li&gt;Supports Git operations like &lt;code&gt;git init&lt;/code&gt;, &lt;code&gt;git commit&lt;/code&gt;, &lt;code&gt;git push&lt;/code&gt;, etc.&lt;/li&gt;
&lt;li&gt;Easy to use: simply enter a prompt and the tool executes the corresponding Git command&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Installation&lt;/h2&gt;
&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Install GitPush using pip:&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;To install GitPush, simply run the following command:&lt;/p&gt;
&lt;div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"&gt;
&lt;pre&gt;pip install git-push-cli&lt;/pre&gt;

&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Verify the installation:&lt;/strong&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;After installing, verify that GitPush is installed correctly by running:&lt;/p&gt;
&lt;div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"&gt;
&lt;pre&gt;gitpush&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;This should open the GitPush CLI interface.&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Setting up the Groq API Key&lt;/h2&gt;

&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Enter your Groq API key&lt;/strong&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;The first time you run GitPush, it will ask you to enter your Groq API key. This key is required to generate Git commands from natural language prompts.&lt;/p&gt;
&lt;p&gt;When prompted, enter your Groq…&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/abdullah-k18/git-push-cli" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;





&lt;h2&gt;
  
  
  How I Used Amazon Q Developer
&lt;/h2&gt;

&lt;p&gt;I used Amazon Q Developer to bring my tool to life in a way that made the entire development process much smoother. While the tool I created is responsible for executing Git commands, Amazon Q Developer played a key role in helping me get there. I used the Amazon Q Developer CLI extension within my IDE, which helped me automate various parts of the workflow, generate code, and even resolve some complex tasks with ease.&lt;/p&gt;

&lt;p&gt;The best part was how Amazon Q Developer made it easy to convert natural language instructions into actual code. This saved me a ton of time and allowed me to focus on refining the tool's features. Thanks to its capabilities, I was able to streamline the process and achieve the end result more efficiently than I originally imagined.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>awschallenge</category>
      <category>ai</category>
      <category>git</category>
    </item>
    <item>
      <title>AGENTIC AI: A BLOG WRITTEN BY AN AI AGENT</title>
      <dc:creator>Abdullah Bin Altaf</dc:creator>
      <pubDate>Thu, 06 Feb 2025 12:11:46 +0000</pubDate>
      <link>https://dev.to/abdullah-k18/agentic-ai-a-blog-written-by-an-ai-agent-5boh</link>
      <guid>https://dev.to/abdullah-k18/agentic-ai-a-blog-written-by-an-ai-agent-5boh</guid>
      <description>&lt;h1&gt;
  
  
  Understanding Agentic AI: Trends, Implications, and Future Directions
&lt;/h1&gt;

&lt;h2&gt;
  
  
  Introduction
&lt;/h2&gt;

&lt;p&gt;As we navigate the increasingly complex landscape of technology, Artificial Intelligence (AI) has emerged as a transformative force. Among the various branches of AI, Agentic AI stands out due to its ability to operate autonomously, make decisions, and learn from interactions. Understanding Agentic AI is essential for tech enthusiasts, business leaders, and the general public alike, as its implications could reshape industries and daily life. In this article, we will explore what Agentic AI is, its current trends, key players, and the ethical implications surrounding its rise.&lt;/p&gt;

&lt;p&gt;The rise of Agentic AI is not merely a technological advancement; it is a shift that could redefine how we interact with machines. By allowing systems to operate with a degree of autonomy, we are entering an era where AI can contribute to decision-making in meaningful ways. This evolution prompts us to consider both the opportunities and responsibilities that come with such technology, making it crucial to stay informed about its development and impact.&lt;/p&gt;

&lt;h2&gt;
  
  
  What is Agentic AI?
&lt;/h2&gt;

&lt;p&gt;Agentic AI refers to AI systems that possess the ability to make decisions and take actions independently, based on a set of defined goals and learned experiences. Unlike traditional AI, which often relies on pre-programmed responses and lacks the capability for self-direction, Agentic AI systems can adapt their behavior according to user interactions and environmental cues. This adaptability is crucial as it allows these systems to provide personalized experiences, making them more effective in various applications, from customer service to healthcare.&lt;/p&gt;

&lt;p&gt;The distinction between traditional AI and Agentic AI is essential for understanding the future trajectory of technology. While traditional AI can assist with tasks such as data analysis and pattern recognition, Agentic AI can engage in more complex, autonomous tasks that require understanding context and making informed decisions. This shift towards greater autonomy raises important questions about the role of AI in our lives and the responsibilities that come with it, necessitating a careful examination of its implications for society.&lt;/p&gt;

&lt;h2&gt;
  
  
  Current Trends in Agentic AI
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Personalization and Adaptability
&lt;/h3&gt;

&lt;p&gt;One of the most significant trends in Agentic AI is its focus on personalization and adaptability. Systems are being designed to tailor their responses based on user behavior and preferences, allowing for a unique interaction experience. For instance, virtual assistants can learn from user habits to provide more relevant suggestions and improve overall user satisfaction. This trend is not only enhancing customer experiences but also driving businesses to adopt AI solutions that offer more tailored services.&lt;/p&gt;

&lt;p&gt;Moreover, this increased personalization allows businesses to create deeper connections with their customers. By understanding user preferences and behaviors, companies can tailor their marketing strategies and product offerings, leading to improved customer loyalty and engagement. As consumers increasingly demand personalized interactions, the ability of Agentic AI to meet these expectations will be a key differentiator in the market.&lt;/p&gt;

&lt;h3&gt;
  
  
  Ethical Considerations and Regulatory Developments
&lt;/h3&gt;

&lt;p&gt;As the capabilities of Agentic AI expand, so does the need for ethical considerations and regulatory frameworks. The potential for misuse of autonomous systems, such as in surveillance or decision-making without accountability, raises concerns among stakeholders. Consequently, there is a growing focus on establishing guidelines to ensure responsible AI use. Organizations and governments are beginning to collaborate on creating policies that address these ethical dilemmas, aiming to balance innovation with public safety.&lt;/p&gt;

&lt;p&gt;The formulation of these ethical guidelines is paramount in fostering trust between consumers and AI technologies. By proactively addressing issues such as privacy, accountability, and bias, stakeholders can create a framework that promotes the responsible development and deployment of Agentic AI. This collaborative effort will be essential in guiding the future of AI technologies in a way that benefits society as a whole.&lt;/p&gt;

&lt;h3&gt;
  
  
  Integration with IoT
&lt;/h3&gt;

&lt;p&gt;The convergence of Agentic AI with Internet of Things (IoT) devices is another pivotal trend. This integration allows for the creation of smarter environments, from homes to entire cities. For example, smart home systems can utilize Agentic AI to learn user preferences, adjusting lighting and temperature automatically. As IoT devices become more prevalent, the ability of Agentic AI to interact with them will lead to more efficient and responsive systems that can enhance our quality of life.&lt;/p&gt;

&lt;p&gt;This synergy between Agentic AI and IoT also opens up new avenues for innovation across various sectors. In smart cities, for instance, the integration can lead to improved traffic management, energy efficiency, and public safety. By harnessing real-time data from IoT devices, Agentic AI systems can make informed decisions that optimize urban living, ultimately contributing to a more sustainable future.&lt;/p&gt;

&lt;h2&gt;
  
  
  Key Players in the Agentic AI Space
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Overview of Leading Companies
&lt;/h3&gt;

&lt;p&gt;Several key players are driving advancements in Agentic AI. Notably, &lt;strong&gt;Google DeepMind&lt;/strong&gt; is recognized for its pioneering research and development of AI systems that exhibit high levels of agency. Their work not only showcases the potential of Agentic AI but also sets benchmarks for future innovations. Similarly, &lt;strong&gt;OpenAI&lt;/strong&gt; is at the forefront of developing models that demonstrate agentic behaviors, particularly in natural language processing, allowing for more nuanced human-AI interactions.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;IBM Watson&lt;/strong&gt; has also made significant contributions, focusing on creating AI systems that can analyze data and make informed decisions. These companies are leading the charge in exploring the capabilities of Agentic AI, and their innovations serve as case studies for businesses looking to adopt similar technologies. By studying these leaders, other organizations can glean insights into effective strategies for leveraging Agentic AI in their operations.&lt;/p&gt;

&lt;h3&gt;
  
  
  Recent Innovations and Case Studies
&lt;/h3&gt;

&lt;p&gt;Recent advancements in autonomous agents are particularly noteworthy in the healthcare sector, where they are being utilized for diagnosis and treatment recommendations. For instance, AI systems can analyze patient data to suggest personalized treatment plans, improving patient outcomes and operational efficiency. These case studies highlight the practical applications of Agentic AI, showcasing its potential to revolutionize industries by enhancing decision-making processes.&lt;/p&gt;

&lt;p&gt;In addition to healthcare, Agentic AI is making strides in finance, where it assists in fraud detection and risk management. By analyzing transaction patterns, AI systems can identify anomalies that may indicate fraudulent activity, allowing for prompt intervention. These innovations exemplify how Agentic AI can enhance operational effectiveness and decision-making across diverse sectors.&lt;/p&gt;

&lt;h2&gt;
  
  
  Implications of Agentic AI
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Benefits for Businesses and Consumers
&lt;/h3&gt;

&lt;p&gt;The rise of Agentic AI presents numerous benefits for both businesses and consumers. For businesses, adopting AI solutions can lead to improved operational efficiency, reduced costs, and enhanced customer experiences. With the ability to analyze vast amounts of data and make informed decisions, companies can respond to market demands more rapidly and effectively. Consumers, on the other hand, stand to gain from more personalized services and products tailored to their preferences, enhancing overall satisfaction.&lt;/p&gt;

&lt;p&gt;Furthermore, the integration of Agentic AI can lead to innovative products and services that were previously unimaginable. As businesses leverage these advanced technologies, they can create new revenue streams and improve their competitive edge. This evolution in service delivery not only benefits consumers but also fosters a dynamic marketplace that encourages continuous improvement and innovation.&lt;/p&gt;

&lt;h3&gt;
  
  
  Ethical Challenges and Responsible AI Use
&lt;/h3&gt;

&lt;p&gt;While the advantages of Agentic AI are clear, there are significant ethical challenges that must be addressed. The autonomy of these systems raises questions about accountability, particularly in situations where AI systems make decisions that affect human lives. It is essential for stakeholders to prioritize responsible AI use, ensuring that ethical considerations are integrated into the development and deployment of these technologies.&lt;/p&gt;

&lt;p&gt;Engaging in transparent dialogues about the implications of Agentic AI is crucial. Stakeholders, including developers, users, and regulators, must work together to establish norms and standards that govern AI behavior. By fostering a culture of responsibility and accountability, we can ensure that the benefits of Agentic AI are realized while mitigating potential risks.&lt;/p&gt;

&lt;h3&gt;
  
  
  Future Outlook and Potential Developments
&lt;/h3&gt;

&lt;p&gt;Looking ahead, the future of Agentic AI appears promising, with continued advancements expected in personalization, adaptability, and ethical frameworks. As technology evolves, so too will the capabilities of Agentic AI, leading to more sophisticated systems that can enhance various aspects of our lives. However, it will be crucial for society to engage in ongoing discussions about the implications of these advancements to ensure a balance between innovation and ethical considerations.&lt;/p&gt;

&lt;p&gt;By anticipating future challenges and opportunities, we can better prepare for the integration of Agentic AI into our daily lives. Proactive engagement with emerging technologies will be essential in shaping a future where AI serves the broader interests of society, enhancing our collective well-being.&lt;/p&gt;

&lt;h2&gt;
  
  
  How to Prepare for the Rise of Agentic AI
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Recommendations for Businesses
&lt;/h3&gt;

&lt;p&gt;For businesses considering the adoption of Agentic AI, it is essential to stay informed about the latest trends and developments in the field. Engaging with technology experts and participating in industry forums can provide valuable insights into the best practices for integrating AI solutions. Additionally, companies should prioritize ethical considerations when implementing AI systems, ensuring that accountability and transparency are maintained.&lt;/p&gt;

&lt;p&gt;Developing a clear AI strategy that aligns with organizational goals will be imperative. Companies should assess their unique needs and identify areas where Agentic AI can deliver the most significant impact. By focusing on strategic implementation, businesses can maximize the benefits of AI technologies while minimizing potential risks.&lt;/p&gt;

&lt;h3&gt;
  
  
  Resources for Further Education
&lt;/h3&gt;

&lt;p&gt;To further understand Agentic AI and its implications, a variety of resources are available. Academic journals, industry reports, and reputable tech news outlets offer valuable information on the latest research and innovations in AI. For those interested in the ethical implications, government guidelines and studies from think tanks can provide a framework for responsible AI use.&lt;/p&gt;

&lt;p&gt;Additionally, engaging with online courses and webinars focused on AI technologies can enhance understanding and skill development. By investing in education, individuals and organizations can better navigate the complexities of Agentic AI and leverage its capabilities effectively.&lt;/p&gt;

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

&lt;p&gt;As we continue to explore the world of Agentic AI, it is crucial to recognize its potential to transform industries and society at large. Understanding the trends, implications, and ethical considerations surrounding Agentic AI will empower individuals and organizations to navigate this evolving landscape effectively. By staying informed and engaged with ongoing developments, we can harness the benefits of Agentic AI while addressing the challenges it presents.&lt;/p&gt;

&lt;h3&gt;
  
  
  Call to Action
&lt;/h3&gt;

&lt;p&gt;We invite you to subscribe to our blog for updates on AI trends and developments. Join the discussion in the comments below—share your personal experiences or concerns regarding AI, and let’s engage in a meaningful conversation about the future of technology.&lt;/p&gt;

</description>
      <category>agenticai</category>
      <category>agentaichallenge</category>
      <category>artificial</category>
      <category>ai</category>
    </item>
    <item>
      <title>Sensitive Data Checker using agent.ai</title>
      <dc:creator>Abdullah Bin Altaf</dc:creator>
      <pubDate>Sat, 18 Jan 2025 21:48:34 +0000</pubDate>
      <link>https://dev.to/abdullah-k18/sensitive-data-checker-using-agentai-4ng0</link>
      <guid>https://dev.to/abdullah-k18/sensitive-data-checker-using-agentai-4ng0</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://srv.buysellads.com/ads/long/x/T6EK3TDFTTTTTT6WWB6C5TTTTTTGBRAPKATTTTTTWTFVT7YTTTTTTKPPKJFH4LJNPYYNNSZL2QLCE2DPPQVCEI45GHBT" rel="noopener noreferrer"&gt;Agent.ai&lt;/a&gt; Challenge: Productivity-Pro Agent (&lt;a href="https://dev.to/challenges/agentai"&gt;See Details&lt;/a&gt;)&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;I built an AI-powered agent that is Sensitive Data Checker in Files to help identify and protect sensitive information in user-provided files. The agent allows users to upload files of various types, and their content is analyzed using a large language model (LLM). It detects sensitive data such as API keys, passwords, or other confidential information, providing an easy way to ensure file security and prevent potential data breaches. I envision this tool being used by developers, businesses, or individuals to safeguard their files and maintain privacy, especially in environments where secure file handling is crucial.&lt;/p&gt;

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

&lt;p&gt;&lt;a href="https://agent.ai/agent/sensitive-data-checker" rel="noopener noreferrer"&gt;Live Demo&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/uCEhUZTGv3I"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;h2&gt;
  
  
  Agent.ai Experience
&lt;/h2&gt;

&lt;p&gt;Using the Agent.ai platform to build this agent was incredibly easy and seamless. I just added three simple actions, and my agent was ready to go! First, I created an action to get user files. Next, I added an action to invoke an LLM (GPT-4o) to analyze whether the file contains any sensitive data. Finally, I added an action to show the LLM's output to the user. &lt;/p&gt;

&lt;p&gt;The straightforward interface and powerful actions made the process enjoyable and efficient, turning my idea into a functional agent in no time!&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>agentaichallenge</category>
      <category>ai</category>
      <category>machinelearning</category>
    </item>
    <item>
      <title>Vision2Reality</title>
      <dc:creator>Abdullah Bin Altaf</dc:creator>
      <pubDate>Sat, 18 Jan 2025 13:58:05 +0000</pubDate>
      <link>https://dev.to/abdullah-k18/vision2reality-5ag8</link>
      <guid>https://dev.to/abdullah-k18/vision2reality-5ag8</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/github"&gt;GitHub Copilot Challenge &lt;/a&gt;: New Beginnings&lt;/em&gt;&lt;/p&gt;

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

&lt;p&gt;I built Vision2Reality, a web application designed to help users break down their big dreams into actionable steps using AI-powered goal creation. The app allows users to provide a prompt, and the AI generates a set of goals to guide the user through their task. This simplifies the process of starting new projects by making complex ideas more manageable and achievable.&lt;/p&gt;

&lt;p&gt;The user interface is clean, modern, and user-friendly. The primary feature of the app, goal creation, uses AI to turn user-provided prompts into concrete, actionable goals, making it an ideal tool for people looking to structure and organize their tasks more effectively.&lt;/p&gt;

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

&lt;p&gt;&lt;a href="https://vision2-reality.vercel.app/" rel="noopener noreferrer"&gt;Live Demo&lt;/a&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%2Fgnum545ev0u4af5ntius.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%2Fgnum545ev0u4af5ntius.gif" alt="Image description" width="1600" height="860"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Repo
&lt;/h2&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fassets.dev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/abdullah-k18" rel="noopener noreferrer"&gt;
        abdullah-k18
      &lt;/a&gt; / &lt;a href="https://github.com/abdullah-k18/Vision2Reality" rel="noopener noreferrer"&gt;
        Vision2Reality
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;&lt;p&gt;Vision2Reality is a web application designed to help users break down their big dreams into actionable steps using AI-powered goal creation. The app allows users to provide a prompt, and the AI generates a set of goals to guide the user through their task. This simplifies the process of starting new projects by making complex ideas more manageable and achievable.&lt;/p&gt;
&lt;p&gt;The user interface is clean, modern, and user-friendly. Upon landing on the homepage, users are greeted with a clear call-to-action to get started with their journey. The home page includes a visually engaging gradient background, a prominent headline, and a button that takes the user to a more detailed page to begin generating their goals.&lt;/p&gt;
&lt;p&gt;The primary feature of the app, goal creation, uses AI to turn user-provided prompts into concrete, actionable goals, making it an ideal tool for people looking to structure and organize their tasks more effectively.&lt;/p&gt;
&lt;/div&gt;



&lt;/div&gt;
&lt;br&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/abdullah-k18/Vision2Reality" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;br&gt;
&lt;/div&gt;
&lt;br&gt;


&lt;h2&gt;
  
  
  Copilot Experience
&lt;/h2&gt;

&lt;p&gt;I used GitHub Copilot to build the entire UI. I started by providing prompts like "Create a landing page with Material UI" and "Build an app bar with the project name on the left, and a CTA button linking to the homepage." Copilot generated the structure, suggested color combinations, and helped refine the design elements like the AppBar, CTA button, and layout, speeding up development significantly.&lt;/p&gt;

&lt;p&gt;On the backend, I faced some challenges with the API logic. Copilot assisted by suggesting improvements, allowing me to quickly resolve the issues and move forward with the project.&lt;/p&gt;

&lt;p&gt;Copilot made the development process smoother, helping me focus on refining the app instead of getting stuck on repetitive tasks or technical roadblocks.&lt;/p&gt;

&lt;h2&gt;
  
  
  GitHub Models
&lt;/h2&gt;

&lt;p&gt;I haven't used GitHub Models in my project.&lt;/p&gt;

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

&lt;p&gt;Building Vision2Reality has been an exciting journey, and it wouldn't have been possible without the support of GitHub Copilot. From designing the user interface to troubleshooting backend issues, Copilot significantly accelerated the development process. The project itself holds great potential for users, helping them break down their tasks into clear, actionable goals. I’m excited to see how it can grow and evolve, empowering users to turn their visions into reality more effectively.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>githubchallenge</category>
      <category>webdev</category>
      <category>ai</category>
    </item>
    <item>
      <title>Predicting 2025</title>
      <dc:creator>Abdullah Bin Altaf</dc:creator>
      <pubDate>Mon, 13 Jan 2025 20:54:21 +0000</pubDate>
      <link>https://dev.to/abdullah-k18/predicting-2025-1h34</link>
      <guid>https://dev.to/abdullah-k18/predicting-2025-1h34</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;: Predicting 2025.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;The year 2024 witnessed a transformative leap in the tech world, with AI firmly taking the lead. From the advent of advanced large language models (LLMs) to groundbreaking developments in video generation and Retrieval-Augmented Generation (RAG), the landscape of innovation was rich and dynamic. As we step into 2025, let’s dive into what the future holds, predicting the trends, technologies, and tools that will dominate industry headlines.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Rise of Agentic AI
&lt;/h2&gt;

&lt;p&gt;2024 set the stage for Agentic AI, but 2025 is poised to be its breakout year. As NVIDIA’s CEO aptly stated, the IT departments of today might soon evolve into the HR departments of AI agents. Companies will begin building specialized AI agents to automate repetitive tasks, optimize workflows, and generate new revenue streams. This paradigm shift will empower individuals and businesses alike, enabling people to create and deploy their own AI agents tailored to specific needs.&lt;/p&gt;

&lt;p&gt;Big tech companies are already investing heavily in Agentic AI, and frameworks like LangChain will likely gain even more traction. LangChain’s modular approach to building AI-driven workflows will attract a broader audience, from startups to enterprises, as businesses seek to simplify the adoption of these powerful tools.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Decline of Traditional DevOps?
&lt;/h2&gt;

&lt;p&gt;A bold prediction for 2025 is that the role of DevOps engineers as we know it may start to fade. With platforms like Vercel automating deployment, CI/CD pipelines, and server management, the need for manual DevOps processes is diminishing. These platforms offer seamless backend and frontend hosting—Next.js, for instance, allows developers to host both on a single server effortlessly.&lt;/p&gt;

&lt;p&gt;This trend could lead to a shift where developers focus more on building and less on deployment, while backend-as-a-service solutions like Firebase continue to rise in popularity. As these platforms mature, they will likely handle an increasing share of the infrastructure work traditionally managed by DevOps teams.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Dominance of Next.js and Serverless Architectures
&lt;/h2&gt;

&lt;p&gt;Next.js, with its powerful features like server-side rendering (SSR) and static site generation (SSG), is set to become the go-to framework for web development. The ability to host backend and frontend together simplifies development pipelines and reduces operational complexity.&lt;/p&gt;

&lt;p&gt;Moreover, serverless architectures will continue to thrive. Services like AWS Lambda, Google Cloud Functions, and Firebase will attract more developers and businesses seeking scalable, cost-effective solutions. These platforms will reduce the barrier to entry for startups, enabling them to launch quickly without heavy infrastructure investments.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Shift in Mobile App Development
&lt;/h2&gt;

&lt;p&gt;React Native is gaining momentum as the preferred framework for mobile app development. Its ability to deliver a seamless cross-platform experience with a single codebase is a significant advantage over Flutter. In 2025, we can expect more companies to adopt React Native for its efficiency and developer-friendly ecosystem, further solidifying its position in the market.&lt;/p&gt;

&lt;p&gt;2025 promises to be a transformative year for technology. From Agentic AI redefining workflows to platforms like Vercel and Firebase simplifying development, the future is bright and full of potential. While some roles and practices may evolve or diminish, new opportunities will emerge, pushing the boundaries of what’s possible.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>newyearchallenge</category>
      <category>future</category>
    </item>
  </channel>
</rss>
