<?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: Sanket Shinde</title>
    <description>The latest articles on DEV Community by Sanket Shinde (@sanketshinde).</description>
    <link>https://dev.to/sanketshinde</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%2F2211525%2Ff1c170d5-6e55-4989-9c5e-b4b2db5c7185.jpg</url>
      <title>DEV Community: Sanket Shinde</title>
      <link>https://dev.to/sanketshinde</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/sanketshinde"/>
    <language>en</language>
    <item>
      <title>Stop Wasting Time: How One Chrome Extension Can Change Your Year</title>
      <dc:creator>Sanket Shinde</dc:creator>
      <pubDate>Wed, 04 Feb 2026 16:12:28 +0000</pubDate>
      <link>https://dev.to/sanketshinde/stop-wasting-time-how-one-chrome-extension-can-change-your-year-1ip5</link>
      <guid>https://dev.to/sanketshinde/stop-wasting-time-how-one-chrome-extension-can-change-your-year-1ip5</guid>
      <description>&lt;p&gt;Do you ever feel like the year just slips through your fingers? One minute it's January, and the next, you're wondering where the last six months went. We've all been there.&lt;/p&gt;

&lt;p&gt;The problem isn't that we don't have enough time; it's that we can't &lt;strong&gt;see&lt;/strong&gt; it.&lt;/p&gt;

&lt;p&gt;Enter &lt;strong&gt;Year Dot Calendar&lt;/strong&gt;, a minimalist Chrome extension that transforms your "New Tab" page into a powerful visualization of your year.&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%2Fbzpoyho4ba7xv1lagjw4.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%2Fbzpoyho4ba7xv1lagjw4.png" alt="ScreenShot" width="800" height="401"&gt;&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;While the aesthetic is minimal, the functionality is robust designed for productivity lovers:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  &lt;strong&gt;Year Progress Tracker&lt;/strong&gt;: See exactly what percentage of the year has passed. Ideally suited to keep you on track with your New Year's resolutions.&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;Daily Motivation&lt;/strong&gt;: Optional motivational quotes to give you a micro-boost of inspiration.&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;Smart Search&lt;/strong&gt;: Integrated support for Google, ChatGPT, Brave, and more, so you don't lose utility for aesthetics.&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;Clean &amp;amp; Dark Mode&lt;/strong&gt;: A sleek, dark-themed UI that is easy on the eyes and looks professional.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Visualize Your Success
&lt;/h2&gt;

&lt;p&gt;If you want to stop drifting and start living with intention, you need to change your environment. Your browser is where you spend most of your day make it work for you.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://chromewebstore.google.com/detail/year-dot-calendar-%E2%80%93-new-t/ibknnanolfdamgbajknoodddngaflbml?authuser=0&amp;amp;hl=en" rel="noopener noreferrer"&gt;LINK&lt;/a&gt;&lt;/p&gt;

</description>
      <category>productivity</category>
      <category>extensions</category>
      <category>tracker</category>
      <category>ai</category>
    </item>
    <item>
      <title>The Future of AI: A Network, Not a Single Brain (Thanks to MCP)</title>
      <dc:creator>Sanket Shinde</dc:creator>
      <pubDate>Fri, 04 Apr 2025 16:19:07 +0000</pubDate>
      <link>https://dev.to/sanketshinde/the-future-of-ai-a-network-not-a-single-brain-thanks-to-mcp-17i8</link>
      <guid>https://dev.to/sanketshinde/the-future-of-ai-a-network-not-a-single-brain-thanks-to-mcp-17i8</guid>
      <description>&lt;p&gt;AI is evolving rapidly! It's shifting away from single, large "smart brains" towards many small "smart parts" that can collaborate. One key new thing that's making this possible is MCP (Model Context Protocol).&lt;br&gt;
Imagine MCP as a method by which various smart AI platforms can simply communicate with each other. It was conceived by Anthropic and launched in November 2024. And guess what? OpenAI has even begun using it now!&lt;/p&gt;

&lt;p&gt;Asking your AI &lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;"What's the weather in Pune and remind me to take an umbrella if it's going to rain before my meeting at 3 PM?"&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Without MCP:&lt;br&gt;
AI has one large "brain" for all.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Checks weather (One component of Ai).&lt;/li&gt;
&lt;li&gt;Checks calendar (another component).&lt;/li&gt;
&lt;li&gt;Attempts to determine whether rain will occur prior to the meeting (internal logic).&lt;/li&gt;
&lt;li&gt;Schedules a reminder (another internal process).
Limitation: These actions are discrete, making it more difficult for correct decisions based on combined information.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;With MCP:&lt;br&gt;
AI employs specialized "tools" (servers) that all communicate in a common language (MCP).&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Weather Server (using MCP): AI inquires from a weather specialist about Pune's weather forecast.&lt;/li&gt;
&lt;li&gt;Calendar Server (using MCP): AI queries a calendar administrator about your 3 PM appointment.&lt;/li&gt;
&lt;li&gt;Logic &amp;amp; Reminder (using MCP): AI easily contrasts the good weather and calendar data and utilizes an alarm specialist to send out a reminder if required.
Advantage: Every job performed by a professional, resulting in more precise and productive output via clear communication.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;So, just like having a team of human experts for different tasks makes a project run smoothly, MCP allows AI to leverage a team of 'AI experts' – specialized tools that can communicate effectively to solve your requests in a smarter and more capable way.&lt;/p&gt;

&lt;p&gt;In future posts, we'll explore how this exciting protocol is actually being put into action!&lt;/p&gt;

&lt;p&gt;Image generated by ChatGPT&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%2Fmmh0l77e8ltpyvwwy5ys.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%2Fmmh0l77e8ltpyvwwy5ys.png" alt="Image description" width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>mcp</category>
      <category>openai</category>
      <category>claude</category>
      <category>aiagents</category>
    </item>
    <item>
      <title>Daily Drawing Challenge: A Creative Journey with Tolgee</title>
      <dc:creator>Sanket Shinde</dc:creator>
      <pubDate>Thu, 31 Oct 2024 19:36:56 +0000</pubDate>
      <link>https://dev.to/sanketshinde/daily-drawing-challenge-a-creative-journey-with-tolgee-5dg2</link>
      <guid>https://dev.to/sanketshinde/daily-drawing-challenge-a-creative-journey-with-tolgee-5dg2</guid>
      <description>&lt;p&gt;In today’s digital age, creativity knows no bounds. Our latest project, the Daily Drawing Challenge, aims to inspire users to unleash their artistic potential every day. Built with a combination of React and TypeScript, this interactive application not only offers a canvas for drawing but also generates a random prompt to fuel creativity.&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%2F6b1jj0qae6b02tlvnaw1.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%2F6b1jj0qae6b02tlvnaw1.png" alt="Image description" width="800" height="411"&gt;&lt;/a&gt;&lt;/p&gt;

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

&lt;h3&gt;
  
  
  Draw with Precision:
&lt;/h3&gt;

&lt;p&gt;The canvas interface supports various brush sizes and colors, providing a smooth drawing experience.&lt;/p&gt;

&lt;h3&gt;
  
  
  Random Prompts:
&lt;/h3&gt;

&lt;p&gt;Users receive unique drawing prompts each day, keeping the challenge fresh and engaging.&lt;/p&gt;

&lt;h3&gt;
  
  
  Save and Share:
&lt;/h3&gt;

&lt;p&gt;Users can save their creations as image files and share them with friends or on social media.&lt;/p&gt;

&lt;p&gt;One of the standout features of this project is its integration with &lt;strong&gt;Tolgee&lt;/strong&gt;, a powerful localization tool that simplifies the process of translating the app. With Tolgee, we can easily manage and implement multilingual support, allowing users from different linguistic backgrounds to enjoy the Daily Drawing Challenge without barriers.&lt;/p&gt;

&lt;p&gt;By utilizing Tolgee, the translation process is streamlined:&lt;/p&gt;

&lt;h3&gt;
  
  
  Real-Time Translation:
&lt;/h3&gt;

&lt;p&gt;As developers, we can see translations in real-time, which makes it easier to ensure consistency and accuracy.&lt;br&gt;
Contextual Translation: Tolgee provides context for each string, helping translators understand how and where the text will be used within the app.&lt;/p&gt;

&lt;h3&gt;
  
  
  User-Friendly Interface:
&lt;/h3&gt;

&lt;p&gt;The intuitive dashboard allows for easy management of translation keys, making it accessible even for those who may not be familiar with coding.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>opensource</category>
      <category>hacktoberfest</category>
      <category>nextjs</category>
    </item>
    <item>
      <title>Building an Interactive Flashcard and Quiz Generator App</title>
      <dc:creator>Sanket Shinde</dc:creator>
      <pubDate>Sat, 26 Oct 2024 17:30:16 +0000</pubDate>
      <link>https://dev.to/sanketshinde/building-an-interactive-flashcard-and-quiz-generator-app-be8</link>
      <guid>https://dev.to/sanketshinde/building-an-interactive-flashcard-and-quiz-generator-app-be8</guid>
      <description>&lt;p&gt;As learning moves online, the need for efficient, user-friendly study tools has grown. We’ve all seen the power of flashcards and quizzes in helping retain information, but what if these tools could be generated dynamically based on user input? Enter the Flashcard and Quiz Generator App—a project that brings ease and automation to studying with interactive flashcards and quizzes.I integrated CopilotKit as a bot assistant, enabling the app to respond intelligently to user queries and requests.&lt;/p&gt;

&lt;h3&gt;
  
  
  Key Features of the App
&lt;/h3&gt;

&lt;p&gt;This app provides two main functionalities: Flashcard Generation and Interactive Quiz Generation.&lt;/p&gt;

&lt;h4&gt;
  
  
  1. Flashcard Generation
&lt;/h4&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%2Fzojankachqh61permkhg.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%2Fzojankachqh61permkhg.png" alt="Image description" width="800" height="402"&gt;&lt;/a&gt;&lt;br&gt;
The Flashcard Generator allows users to create flashcards based on any topic or concept they want to study. By entering a topic, users receive key terms, definitions, and related examples that help reinforce understanding. This feature is great for both initial learning and quick reviews.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Users enter a topic in the Flashcard Generator.&lt;/li&gt;
&lt;li&gt;Based on the input, the app generates a set of flashcards.&lt;/li&gt;
&lt;li&gt;Each flashcard displays a term or concept on one side and the definition or example on the other side.&lt;/li&gt;
&lt;li&gt;The app has AI integration to provide high-quality content that’s relevant to the user’s chosen topic.&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  2. Interactive Quiz Generation
&lt;/h4&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%2Fqcfigw4om1pq7jrburwj.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%2Fqcfigw4om1pq7jrburwj.png" alt="Interactive Quiz Generation" width="800" height="400"&gt;&lt;/a&gt;&lt;br&gt;
The Interactive Quiz Generator lets users generate quizzes on-demand. By specifying a topic, the app generates a series of questions that test the user’s understanding. Unlike traditional quizzes, the app’s quizzes are adaptive, offering feedback on answers and helping the user track their progress.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Users input a topic to generate a quiz.&lt;/li&gt;
&lt;li&gt;The app creates a quiz with a series of questions that match the input.&lt;/li&gt;
&lt;li&gt;Users can take the quiz, receive immediate feedback, and see their progress, making it a truly interactive.&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  3. Conversational Bot Assistant with CopilotKit
&lt;/h4&gt;

&lt;p&gt;Adding CopilotKit as an AI-powered assistant allows users to interact with the app conversationally. This bot can respond to questions, guide users through creating quizzes or flashcards, and provide updates as tasks are completed. It’s a game-changer for usability, enabling users to simply type commands or questions without needing to navigate complex menus.&lt;/p&gt;

&lt;p&gt;You use it here - &lt;br&gt;
&lt;a href="https://ai-flashcards-free.vercel.app/" rel="noopener noreferrer"&gt;https://ai-flashcards-free.vercel.app/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>opensource</category>
      <category>genai</category>
      <category>webdev</category>
      <category>ai</category>
    </item>
    <item>
      <title>Joke Generator with Tolgee</title>
      <dc:creator>Sanket Shinde</dc:creator>
      <pubDate>Wed, 23 Oct 2024 17:12:25 +0000</pubDate>
      <link>https://dev.to/sanketshinde/joke-generator-with-tolgee-b0</link>
      <guid>https://dev.to/sanketshinde/joke-generator-with-tolgee-b0</guid>
      <description>&lt;p&gt;Hey everyone! I’m excited to share my latest project—the Random Joke Card Generator. This little app is a fun way to brighten your day with random jokes, but there’s something special about it. Not only does it deliver laughs, but it’s also built with Tolgee, a tool that makes it super easy to translate and localize apps for people all over the world. So, no matter where you are, you can enjoy the jokes in your language!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fiinm621413zhgd3x8bsq.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%2Fiinm621413zhgd3x8bsq.png" alt=" " width="800" height="402"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Live link - &lt;a href="https://joke-generator-new.vercel.app" rel="noopener noreferrer"&gt;https://joke-generator-new.vercel.app&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Why I Chose Tolgee
&lt;/h3&gt;

&lt;p&gt;Tolgee is an open-source tool that takes the headache out of translating apps. It’s all about making localization simple for developers. Instead of worrying about language files and tricky code, Tolgee lets you focus on building your app’s features. It offers an intuitive interface to manage translations and seamlessly switch between languages in real time.&lt;/p&gt;

&lt;p&gt;When building the Joke Generator, I wanted to make sure anyone, anywhere, could use it, and Tolgee made that possible.&lt;/p&gt;

&lt;h3&gt;
  
  
  What Does the Random Joke Card Generator Do?
&lt;/h3&gt;

&lt;h4&gt;
  
  
  Generate Random Jokes:
&lt;/h4&gt;

&lt;p&gt;The main function of the app is pretty straightforward—get a random joke with just one click! It fetches jokes from an external API and displays them in a sleek card. And if the current joke isn’t quite doing it for you, just click the “New Joke” button to refresh and get another one.&lt;/p&gt;

&lt;h4&gt;
  
  
  Language Localization:
&lt;/h4&gt;

&lt;p&gt;The coolest part? The app can be used in different languages! Thanks to Tolgee, you can easily switch between languages, and the entire app will update in real-time. Whether your friends speak English, Spanish, French, or another language, they can enjoy the same experience.&lt;/p&gt;

&lt;h3&gt;
  
  
  How Tolgee Makes Localization Easy
&lt;/h3&gt;

&lt;p&gt;Tolgee streamlines the localization process, providing a visual translation tool that allows both developers and translators to work more efficiently. Here's how it helps in the Random Joke Card Generator project:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Translation Management&lt;/strong&gt;: Tolgee provides an in-app translation tool that makes it easy to manage and edit translations while the app is running.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Dynamic Language Switching&lt;/strong&gt;: Users can switch between languages, and Tolgee instantly updates the interface based on the selected language without needing to reload the page.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Ease of Integration&lt;/strong&gt;: Tolgee's simple integration and compatibility with React make it perfect for this project. With just a few lines of code, the app can support multiple languages.&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>tolgee</category>
      <category>webdev</category>
      <category>hacktoberfest</category>
    </item>
    <item>
      <title>Random Recipe Generator with Tolgee</title>
      <dc:creator>Sanket Shinde</dc:creator>
      <pubDate>Thu, 17 Oct 2024 17:46:07 +0000</pubDate>
      <link>https://dev.to/sanketshinde/random-recipe-generator-with-tolgee-2di5</link>
      <guid>https://dev.to/sanketshinde/random-recipe-generator-with-tolgee-2di5</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsnrjsfgw7tcicqnl7bbh.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%2Fsnrjsfgw7tcicqnl7bbh.png" alt="Image description" width="800" height="403"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Introduction
&lt;/h3&gt;

&lt;p&gt;I'm thrilled to introduce my project, the Random Recipe Generator, which showcases the power of localization through Tolgee. This application not only allows users to explore a variety of recipes but also ensures that it is accessible to a global audience by supporting multiple languages.&lt;/p&gt;

&lt;h3&gt;
  
  
  Why Tolgee
&lt;/h3&gt;

&lt;p&gt;Tolgee is an open-source localization and internationalization library designed to simplify the process of translating applications. It provides a user-friendly interface for managing translations, allowing developers to focus on building features rather than worrying about language support.&lt;/p&gt;

&lt;h3&gt;
  
  
  Overview
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;User Input: Users can enter either a dish name or ingredients into a search field.&lt;/li&gt;
&lt;li&gt;Recipe Generation: Upon submission, the app utilizes an API (such as Gemini API) to generate recipes based on the provided input. The backend processes the input and fetches relevant recipes.&lt;/li&gt;
&lt;li&gt;Display Results: The fetched recipes are displayed as cards, showcasing the recipe name and a preview of ingredients. Users can click on these cards for more detailed information, including full ingredients, instructions, and tips.&lt;/li&gt;
&lt;li&gt;Localization: The app is equipped with Tolgee, which facilitates localization and internationalization. Users can switch languages, and the app dynamically updates the interface to reflect the selected language.&lt;/li&gt;
&lt;li&gt;Responsive Design&lt;/li&gt;
&lt;li&gt;Interactivity: Users can interact with the recipes by viewing details, and they have the option to delete any recipes they no longer wish to keep.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Feel free to explore Tolgee for your projects and reach out if you have any questions!&lt;/p&gt;

</description>
      <category>hacktoberfest</category>
      <category>nextjs</category>
      <category>webdev</category>
      <category>opensource</category>
    </item>
    <item>
      <title>Recipe Generator Powered by CopilotKit Chatbot</title>
      <dc:creator>Sanket Shinde</dc:creator>
      <pubDate>Mon, 14 Oct 2024 18:32:52 +0000</pubDate>
      <link>https://dev.to/sanketshinde/recipe-generator-powered-by-copilotkit-chatbot-2nl0</link>
      <guid>https://dev.to/sanketshinde/recipe-generator-powered-by-copilotkit-chatbot-2nl0</guid>
      <description>&lt;p&gt;In this project, I developed a Recipe Generator and Suggestion App using React for the frontend, Tailwind CSS for styling, and Shadcn UI for enhanced UI components. The CopilotKit Chatbot app allows users to easily add recipes, view them in an interactive UI, and get recipe suggestions based on available ingredients.&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%2Fadwfulxffrwnppqvg2db.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%2Fadwfulxffrwnppqvg2db.png" alt="Image description" width="800" height="404"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Key Features
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Recipe Generation:
&lt;/h3&gt;

&lt;p&gt;Users can add a recipe by entering the dish name. The app automatically generates ingredients, instructions, and tips using an internal logic (or AI-based integration).&lt;/p&gt;

&lt;h3&gt;
  
  
  Recipe Suggestions:
&lt;/h3&gt;

&lt;p&gt;Users can input available ingredients, and the app will suggest recipes based on matching ingredients using predefined logic.&lt;/p&gt;

&lt;h3&gt;
  
  
  CopilotKit Chatbot
&lt;/h3&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%2Fi9kwi4hjvhknsa4fr8f4.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%2Fi9kwi4hjvhknsa4fr8f4.png" alt="Image description" width="403" height="704"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It is very simple and easy to add CopilotKit Chatbot in your any website.&lt;/p&gt;

</description>
      <category>copilotkit</category>
      <category>webdev</category>
      <category>opensource</category>
      <category>nextjs</category>
    </item>
  </channel>
</rss>
