<?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: Mide_stick</title>
    <description>The latest articles on DEV Community by Mide_stick (@sideeqbn).</description>
    <link>https://dev.to/sideeqbn</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%2F562450%2Fd8dad60e-15c1-4217-b61b-d542969e8d6c.jpg</url>
      <title>DEV Community: Mide_stick</title>
      <link>https://dev.to/sideeqbn</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/sideeqbn"/>
    <language>en</language>
    <item>
      <title>IntentRefiner: AI-Powered Issue Refinement for Faster Support Automation</title>
      <dc:creator>Mide_stick</dc:creator>
      <pubDate>Sun, 08 Feb 2026 22:59:29 +0000</pubDate>
      <link>https://dev.to/sideeqbn/intentrefiner-ai-powered-issue-refinement-for-faster-support-automation-5g38</link>
      <guid>https://dev.to/sideeqbn/intentrefiner-ai-powered-issue-refinement-for-faster-support-automation-5g38</guid>
      <description>&lt;p&gt;This is a submission for the Algolia Agent Studio Challenge&lt;br&gt;
: Consumer-Facing Non-Conversational Experiences&lt;/p&gt;

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

&lt;p&gt;I built IntentRefiner, an AI agent that automatically converts vague, emotional, or underspecified user complaints into clear, actionable intents for internal workflows. It silently processes inputs, identifies recurring failure patterns, and outputs structured, internally actionable data without requiring back-and-forth conversation. This improves routing, resolution speed, and decision-making for support teams.&lt;/p&gt;

&lt;p&gt;Demo link : &lt;a href="https://profound-lolly-4ad65b.netlify.app/" rel="noopener noreferrer"&gt;website&lt;/a&gt;&lt;br&gt;
agent link &lt;a href="https://dashboard.algolia.com/apps/OGD4CORSEW/generativeAi/agent-studio/agents/209b0025-3e6c-4e50-8905-233fce174d9c/configure" rel="noopener noreferrer"&gt;https://dashboard.algolia.com/apps/OGD4CORSEW/generativeAi/agent-studio/agents/209b0025-3e6c-4e50-8905-233fce174d9c/configure&lt;/a&gt;&lt;br&gt;
You can view the live project here: &lt;a href="https://youtu.be/-Pk2HKYBCa0" rel="noopener noreferrer"&gt;IntentRefiner Demo&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The demo shows how the agent takes unstructured user complaints and outputs a refined intent, confidence score, category, matched issues, and suggested tags.&lt;/p&gt;

&lt;p&gt;How I Used Algolia Agent Studio&lt;/p&gt;

&lt;p&gt;I leveraged Algolia Agent Studio to index historical issues and training examples, enabling the agent to detect patterns and contextually refine new inputs.&lt;/p&gt;

&lt;p&gt;Targeted prompting: I engineered prompts to emphasize pattern recognition and actionable outputs.&lt;/p&gt;

&lt;p&gt;Indexed data retrieval: Historical issues are queried dynamically to provide probabilistic signals for recurring problems.&lt;/p&gt;

&lt;p&gt;Structured output enforcement: The agent is instructed to only return valid JSON, ensuring consistent integration with downstream systems.&lt;/p&gt;

&lt;p&gt;Why Fast Retrieval Matters&lt;/p&gt;

&lt;p&gt;Fast, contextual retrieval is critical because it allows the agent to quickly reference historical issues and generate high-confidence refined intents in real-time. This reduces manual triage, accelerates response times, and ensures that insights from past issues are immediately actionable. Algolia’s speed and relevance directly enhance the accuracy and usability of the AI agent.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>algoliachallenge</category>
      <category>ai</category>
      <category>agents</category>
    </item>
    <item>
      <title>Simple explanation of an NFT, NFT transactions and it's uniqueness</title>
      <dc:creator>Mide_stick</dc:creator>
      <pubDate>Fri, 14 Jan 2022 22:53:42 +0000</pubDate>
      <link>https://dev.to/sideeqbn/simple-explanation-of-an-nft-nft-transactions-and-its-uniqueness-29db</link>
      <guid>https://dev.to/sideeqbn/simple-explanation-of-an-nft-nft-transactions-and-its-uniqueness-29db</guid>
      <description>&lt;p&gt;Hi there, have you been wondering what an NFT is, what is the value of an average NFT, how does it have any monetary value but you seem not to be able to understand the whole concept?&lt;br&gt;
Well, today we are going to discuss what an NFT is, how the transaction takes place and how is it different.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;NFT-Non fungible token&lt;/strong&gt;&lt;br&gt;
Non-fungible which means not replaceable, cannot be duplicated or interchanged with any other objects, i.e has a distinct value that separates it from any other. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--NoozAFwf--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ge2y3sivzt5gmxcs8h3q.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--NoozAFwf--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ge2y3sivzt5gmxcs8h3q.jpg" alt="laptop shop Dell" width="564" height="376"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;For instance, let’s assume you entered a shop to buy a laptop, say MacBook Pro, absolutely there won’t be just one MacBook Pro on list table, should in case you need two, three or more copies of the &lt;strong&gt;exact laptop&lt;/strong&gt;, same model, price, configuration with &lt;strong&gt;no difference or distinct value&lt;/strong&gt; at all. This means it's &lt;strong&gt;fungible, replaceable&lt;/strong&gt; with any others of the exact copy.&lt;/p&gt;

&lt;p&gt;But for &lt;strong&gt;NFT&lt;/strong&gt; to be non-fungible, that is it has a distinct value that separates it from others, just like the &lt;strong&gt;Mona Lisa art&lt;/strong&gt; painted by Leonardo da Vinci. There are a lot of copies out there, but the &lt;strong&gt;original copy&lt;/strong&gt; can be separated from the rest easily, also you may download &lt;strong&gt;Mona lisa&lt;/strong&gt; image on internet with just a click, but the original copy worth over  &lt;strong&gt;$870,000,000&lt;/strong&gt; (Eight hundred and seventy million dollars) as of 2021, same with &lt;strong&gt;NFT art,&lt;/strong&gt; the original copy can easily be showed and ownership of the art is permanently recorded on &lt;strong&gt;blockchain network&lt;/strong&gt; coupled with the transaction history when it is being purchased and transferred to another owner.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;NB:&lt;/strong&gt; Most people believed an NFT can only be an art, however music track, piece of text, app, real-world object, or even files that can be sold as an NFT &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--TOzFHXg6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xf206141ubhauldps8r7.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--TOzFHXg6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xf206141ubhauldps8r7.jpg" alt="laptop" width="300" height="199"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;But How does NFT shows that it is Non-fungible ??&lt;/strong&gt;&lt;br&gt;
Firstly, Let’s go back to our regular bank transfer, whenever you initialize a transaction, let us say, buying food at the eatery, When you reach the cashier, you run your card through the scanner to initiate the transaction, your bank instantly receives a notification requesting the amount to be deducted from your bank account and be sent to the shop owners bank account, if all details and criteria are correct, the transaction will be approved and charges are applied.&lt;/p&gt;

&lt;p&gt;But in crypto-transaction&lt;br&gt;
There’s no bank standing as a third party, instead, the public network validates each transaction and keep the records open to everyone, the node complete the task of checking all transaction, validate, and approves it if all criteria are met. &lt;br&gt;
As we previously discussed that &lt;strong&gt;NFT&lt;/strong&gt; is running on the Ethereum network and any transaction made is recorded on the network, so &lt;strong&gt;no one can claim ownership&lt;/strong&gt; of the art unless the person’s details are &lt;strong&gt;registered on the public network as the owner&lt;/strong&gt;; &lt;strong&gt;this phenomenon is where the uniqueness concept manifest&lt;/strong&gt;. Though you can see several copies out there, the original registered copy on the blockchain network &lt;strong&gt;cannot be duplicated but can be transferred to the owner.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Can I create an NFT with another person’s artwork?&lt;/strong&gt;&lt;br&gt;
Well, to create an NFT with someone’s artwork, ensure you have permission from the copyright owner.&lt;/p&gt;

&lt;p&gt;Thank you for reading &lt;br&gt;
Don’t forget to drop any questions you have about the topic and help share...&lt;br&gt;
Gracias!!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>ethereum</category>
    </item>
    <item>
      <title>How can I start my journey as a frontend developer ?.</title>
      <dc:creator>Mide_stick</dc:creator>
      <pubDate>Sun, 19 Dec 2021 08:07:06 +0000</pubDate>
      <link>https://dev.to/sideeqbn/how-can-i-start-my-journey-as-a-frontend-developer--519</link>
      <guid>https://dev.to/sideeqbn/how-can-i-start-my-journey-as-a-frontend-developer--519</guid>
      <description>&lt;p&gt;&lt;strong&gt;Hi there, Welcome to the fundamental guide to kickstart your journey as a frontend developer.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Have you been looking for a way to get into tech from other fields or want to sharpen your Frontend development? Well, I’m here to offer a guide to make it easier. Oh no, not easier but make it better and definitely going to be fun too. I will be sharing few resources and tutorials which are going to be useful on the run. So let’s get started.&lt;/p&gt;

&lt;p&gt;Firstly, what comes to your mind when you hear frontend development? well, this is just the development of the graphical interface of a website. When you open your browser and search for a website, all the what is displayed like header, menu, buttons, images, slideshows, etc. All these amazing and appealing designs are made by Frontend developers to provide great interaction and navigation between the users/visitors with the website.&lt;/p&gt;

&lt;p&gt;To make interactive designs like that, you need proficient knowledge in &lt;strong&gt;HTML, CSS&lt;/strong&gt;, and &lt;strong&gt;Javascript&lt;/strong&gt; &lt;br&gt;
Oops! This is much, where do I start learning all these three Languages?.&lt;/p&gt;

&lt;p&gt;Well, HTML is just a markup Language while CSS is a style sheet basically for styling. &lt;strong&gt;Javascript&lt;/strong&gt; is the only Kick in the ass, programming among them but when you understand the way, it is going to be easy and fun as stated earlier. So Let’s start with HTML and CSS to build a beautiful website.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--uvOvm1ty--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f3mw0sbi7lkfshu0ls1o.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--uvOvm1ty--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f3mw0sbi7lkfshu0ls1o.jpg" alt="Design image" width="600" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You need to have an editor installed on your device or still choose any of the editors on the lists below to download before we start proceeding to the next Phase&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Vscode &lt;a href="https://code.visualstudio.com/download"&gt;Download here&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Atom &lt;a href="https://atom.io/"&gt;download link&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Sublime text &lt;a href="https://www.sublimetext.com/3"&gt;download link&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Nodepad++ &lt;a href="https://notepad-plus-plus.org/downloads/"&gt;download here&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Kindly follow the guide on the editor you prefer and download it on your system.&lt;br&gt;
&lt;strong&gt;Phase One&lt;/strong&gt;&lt;br&gt;
HTML : Hypertext Markup Lamguage.&lt;br&gt;
This is the standard markup language for documents designed to display on the web browser and is supported by CSS (Cascading Stylesheet ).&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;These are few great resources to learn HTML and CSS for beginners for free&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Video Format&lt;/strong&gt; :&lt;br&gt;
• &lt;a href="https://www.traversymedia.com/"&gt;Brad Traversy&lt;/a&gt;&lt;br&gt;
• &lt;a href="https://www.youtube.com/watch?v=Y1BlT4_c_SU&amp;amp;list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc"&gt;Net ninja&lt;/a&gt;&lt;br&gt;
• &lt;a href="https://cs50.harvard.edu/web/2020/"&gt;CS50&lt;/a&gt;&lt;br&gt;
• &lt;a href="https://www.pluralsight.com/browse/software-development/web-development"&gt;Pluralsight&lt;/a&gt; &lt;br&gt;
&lt;strong&gt;Text Format Learning :&lt;/strong&gt;&lt;br&gt;
• Educative.io&lt;br&gt;
• &lt;a href="https://www.freecodecamp.org/news/html-css-tutorial-build-a-recipe-website/"&gt;Freedcodecamp&lt;/a&gt;&lt;br&gt;
• &lt;a href="https://www.codecademy.com/learn/paths/front-end-engineer-career-path"&gt;Codeacademy&lt;/a&gt;&lt;br&gt;
• &lt;a href="https://www.khanacademy.org/computing/computer-programming/html-css"&gt;Khanacademy&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Top resources: Paid version&lt;/strong&gt;&lt;br&gt;
• &lt;a href="https://www.udemy.com/course/the-complete-web-development-bootcamp/"&gt;Udemy&lt;/a&gt;&lt;br&gt;
• &lt;a href="https://www.coursera.org/specializations/web-design"&gt;Coursera&lt;/a&gt;&lt;br&gt;
• &lt;a href="//Educative.io"&gt;Educative.io&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Learning HTML and CSS can roughly take 3-6weeks to be mastered by spending at least four hours on it daily. By the end of the fourth week, you should be able to design the following correctly’&lt;/p&gt;

&lt;p&gt;• Login and Sign up page&lt;br&gt;
• Landing page for business&lt;br&gt;
• Basic components on the page such as slideshow etc&lt;/p&gt;

&lt;p&gt;You can level up your design knowledge by building few designs on &lt;a href="https://codepen.io/search/pens?q=cup"&gt;codepen&lt;/a&gt; , check out the following designs done with &lt;strong&gt;HTML and CSS&lt;/strong&gt;.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--JHqcptyL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://previews.123rf.com/images/underverse/underverse1506/underverse150600713/41160252-next-phase-word-on-notes-paper-with-cork-background-.jpg%3Ffj%3D1" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--JHqcptyL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://previews.123rf.com/images/underverse/underverse1506/underverse150600713/41160252-next-phase-word-on-notes-paper-with-cork-background-.jpg%3Ffj%3D1" alt="Frontend next phase" width="880" height="586"&gt;&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Now let’s proceed to Phase 2 : Javascript&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;Javascript&lt;/strong&gt; is used to improve the interactivity of the website and help to implement complex features on the web pages, instead of just displaying a static content, it helps in provide time information updates, animations, maps etc.&lt;/p&gt;

&lt;p&gt;Kindly check out the following resources to improve your fundamental knowledge on javascript&lt;/p&gt;

&lt;p&gt;Resources:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://m.youtube.com/playlist?list=PLr6-GrHUlVf96NLj3PQq-tmEB6woZjwEl"&gt;EJ Media&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://m.youtube.com/playlist?list=PLillGF-RfqbbnEGy3ROiLWk7JMCuSyQtX"&gt;Traversy media javascript&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures"&gt;freecodecamp&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Khan academy&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Few projects ideas to boost your understanding and learning process&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;BMI Calculator&lt;/li&gt;
&lt;li&gt;To-do list&lt;/li&gt;
&lt;li&gt;Contact App&lt;/li&gt;
&lt;li&gt;Currency Converter&lt;/li&gt;
&lt;li&gt;Image slider&lt;/li&gt;
&lt;li&gt;Counter App&lt;/li&gt;
&lt;li&gt;Color Generator&lt;/li&gt;
&lt;li&gt;Birthday Reminder&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;You can search for interesting vanilla javascript projects.&lt;br&gt;
Learning vanilla javascript and having solid knowledge on it will ease your progress when you start learning any javascript MVC framework like React, Angular, Vue etc.&lt;/p&gt;

&lt;p&gt;Kindly take enough time building projects that you can, every big projects you see today started with hello world.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;"For the things we have to learn before doing them, we &lt;br&gt;
Learn by doing them" - Aristotle&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Keep learning !!!&lt;/p&gt;

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

</description>
      <category>javascript</category>
      <category>html</category>
      <category>css</category>
      <category>tutorial</category>
    </item>
  </channel>
</rss>
