<?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>Forem: olidroide</title>
    <description>The latest articles on Forem by olidroide (@olidroide).</description>
    <link>https://forem.com/olidroide</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%2F83569%2Fd281ecd0-94bd-49d1-ac00-715e86b34017.jpeg</url>
      <title>Forem: olidroide</title>
      <link>https://forem.com/olidroide</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/olidroide"/>
    <language>en</language>
    <item>
      <title>[Boost]</title>
      <dc:creator>olidroide</dc:creator>
      <pubDate>Tue, 13 May 2025 06:42:03 +0000</pubDate>
      <link>https://forem.com/olidroide/-11ho</link>
      <guid>https://forem.com/olidroide/-11ho</guid>
      <description>&lt;div class="ltag__link--embedded"&gt;
  &lt;div class="crayons-story "&gt;
  &lt;a href="https://dev.to/madsstoumann/guitar-chords-in-css-3hk8" class="crayons-story__hidden-navigation-link"&gt;Guitar Chords in CSS&lt;/a&gt;


  &lt;div class="crayons-story__body crayons-story__body-full_post"&gt;
    &lt;div class="crayons-story__top"&gt;
      &lt;div class="crayons-story__meta"&gt;
        &lt;div class="crayons-story__author-pic"&gt;

          &lt;a href="/madsstoumann" class="crayons-avatar  crayons-avatar--l  "&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%2Fuser%2Fprofile_image%2F515396%2Fbf9dcb06-ff90-4fb1-b507-c3dc21c82b85.png" alt="madsstoumann profile" class="crayons-avatar__image"&gt;
          &lt;/a&gt;
        &lt;/div&gt;
        &lt;div&gt;
          &lt;div&gt;
            &lt;a href="/madsstoumann" class="crayons-story__secondary fw-medium m:hidden"&gt;
              Mads Stoumann
            &lt;/a&gt;
            &lt;div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"&gt;
              
                Mads Stoumann
                
              
              &lt;div id="story-author-preview-content-2465237" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"&gt;
                &lt;div class="gap-4 grid"&gt;
                  &lt;div class="-mt-4"&gt;
                    &lt;a href="/madsstoumann" class="flex"&gt;
                      &lt;span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"&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%2Fuser%2Fprofile_image%2F515396%2Fbf9dcb06-ff90-4fb1-b507-c3dc21c82b85.png" class="crayons-avatar__image" alt=""&gt;
                      &lt;/span&gt;
                      &lt;span class="crayons-link crayons-subtitle-2 mt-5"&gt;Mads Stoumann&lt;/span&gt;
                    &lt;/a&gt;
                  &lt;/div&gt;
                  &lt;div class="print-hidden"&gt;
                    
                      Follow
                    
                  &lt;/div&gt;
                  &lt;div class="author-preview-metadata-container"&gt;&lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;

          &lt;/div&gt;
          &lt;a href="https://dev.to/madsstoumann/guitar-chords-in-css-3hk8" class="crayons-story__tertiary fs-xs"&gt;&lt;time&gt;May 7 '25&lt;/time&gt;&lt;span class="time-ago-indicator-initial-placeholder"&gt;&lt;/span&gt;&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;

    &lt;/div&gt;

    &lt;div class="crayons-story__indention"&gt;
      &lt;h2 class="crayons-story__title crayons-story__title-full_post"&gt;
        &lt;a href="https://dev.to/madsstoumann/guitar-chords-in-css-3hk8" id="article-link-2465237"&gt;
          Guitar Chords in CSS
        &lt;/a&gt;
      &lt;/h2&gt;
        &lt;div class="crayons-story__tags"&gt;
            &lt;a class="crayons-tag crayons-tag--filled  " href="/t/showdev"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;showdev&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/css"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;css&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/webdev"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;webdev&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/tutorial"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;tutorial&lt;/a&gt;
        &lt;/div&gt;
      &lt;div class="crayons-story__bottom"&gt;
        &lt;div class="crayons-story__details"&gt;
          &lt;a href="https://dev.to/madsstoumann/guitar-chords-in-css-3hk8" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"&gt;
            &lt;div class="multiple_reactions_aggregate"&gt;
              &lt;span class="multiple_reactions_icons_container"&gt;
                  &lt;span class="crayons_icon_container"&gt;
                    &lt;img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18"&gt;
                  &lt;/span&gt;
                  &lt;span class="crayons_icon_container"&gt;
                    &lt;img src="https://assets.dev.to/assets/fire-f60e7a582391810302117f987b22a8ef04a2fe0df7e3258a5f49332df1cec71e.svg" width="18" height="18"&gt;
                  &lt;/span&gt;
                  &lt;span class="crayons_icon_container"&gt;
                    &lt;img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18"&gt;
                  &lt;/span&gt;
              &lt;/span&gt;
              &lt;span class="aggregate_reactions_counter"&gt;148&lt;span class="hidden s:inline"&gt; reactions&lt;/span&gt;&lt;/span&gt;
            &lt;/div&gt;
          &lt;/a&gt;
            &lt;a href="https://dev.to/madsstoumann/guitar-chords-in-css-3hk8#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"&gt;
              Comments


              33&lt;span class="hidden s:inline"&gt; comments&lt;/span&gt;
            &lt;/a&gt;
        &lt;/div&gt;
        &lt;div class="crayons-story__save"&gt;
          &lt;small class="crayons-story__tertiary fs-xs mr-2"&gt;
            5 min read
          &lt;/small&gt;
            
              &lt;span class="bm-initial"&gt;
                

              &lt;/span&gt;
              &lt;span class="bm-success"&gt;
                

              &lt;/span&gt;
            
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;/div&gt;


</description>
      <category>css</category>
      <category>webdev</category>
      <category>showdev</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Lorita Bot 🦜 helps you to transcribe audio messages to text</title>
      <dc:creator>olidroide</dc:creator>
      <pubDate>Mon, 11 Apr 2022 12:27:18 +0000</pubDate>
      <link>https://forem.com/olidroide/lorita-bot-helps-you-to-transcribe-audio-messages-to-text-3l9a</link>
      <guid>https://forem.com/olidroide/lorita-bot-helps-you-to-transcribe-audio-messages-to-text-3l9a</guid>
      <description>&lt;h3&gt;
  
  
  Overview of My Submission
&lt;/h3&gt;

&lt;p&gt;How many times you're in a meeting and receives and Audio Message? you can't take your phone and listen it, needs to finish the meeting and then listen.&lt;/p&gt;

&lt;p&gt;Lorita-Bot transcribe that Audio Message to text, and you cand read it without listen it.&lt;/p&gt;

&lt;h3&gt;
  
  
  Submission Category:
&lt;/h3&gt;

&lt;p&gt;Wacky Wildcards&lt;/p&gt;

&lt;h3&gt;
  
  
  Link to Code on GitHub
&lt;/h3&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--A9-wwsHG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/olidroide"&gt;
        olidroide
      &lt;/a&gt; / &lt;a href="https://github.com/olidroide/lorita-bot"&gt;
        lorita-bot
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      Lorita is like a parrot repeat as you say it but in this case reply in text
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;&lt;a href="https://github.com/olidroide/lorita-bot/graphs/contributors"&gt;&lt;img src="https://camo.githubusercontent.com/3ec216608bf97f00b13520a435e1991e5482cef66934811916fc0a223524c15e/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f636f6e7472696275746f72732f6f6c6964726f6964652f6c6f726974612d626f742e7376673f7374796c653d666f722d7468652d6261646765" alt="Contributors"&gt;&lt;/a&gt;
&lt;a href="https://github.com/olidroide/lorita-bot/network/members"&gt;&lt;img src="https://camo.githubusercontent.com/5acdc47b4bcadfd48e736b72f656ce74e4414c443ea851c130fa8219210812e8/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f666f726b732f6f6c6964726f6964652f6c6f726974612d626f742e7376673f7374796c653d666f722d7468652d6261646765" alt="Forks"&gt;&lt;/a&gt;
&lt;a href="https://github.com/olidroide/lorita-bot/stargazers"&gt;&lt;img src="https://camo.githubusercontent.com/020a19174fce10f2e784b6e9bca99522f4e78e6d3d0eecb4dbd13109a7f800cb/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f6f6c6964726f6964652f6c6f726974612d626f742e7376673f7374796c653d666f722d7468652d6261646765" alt="Stargazers"&gt;&lt;/a&gt;
&lt;a href="https://github.com/olidroide/lorita-bot/issues"&gt;&lt;img src="https://camo.githubusercontent.com/4f64b7f01fd1acad1e2638b6250f0cbe9dae0f96ed3bd45fd91b5b41607b43a1/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6973737565732f6f6c6964726f6964652f6c6f726974612d626f742e7376673f7374796c653d666f722d7468652d6261646765" alt="Issues"&gt;&lt;/a&gt;
&lt;a href="https://github.com/olidroide/lorita-bot/blob/main/LICENSE"&gt;&lt;img src="https://camo.githubusercontent.com/2cf2dcbb18ab0217878666dfea17474c53b9925019923765afe3c49f48203049/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f6f6c6964726f6964652f6c6f726974612d626f742e7376673f7374796c653d666f722d7468652d6261646765" alt="Apache License"&gt;&lt;/a&gt;
&lt;a href="https://linkedin.com/in/olidroide" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/1ffde4ea8d2869a62cdf80282516c524e1109befc83d6339aae7a55d94ff4ae5/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2d4c696e6b6564496e2d626c61636b2e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d6c696e6b6564696e26636f6c6f72423d353535" alt="LinkedIn"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;br&gt;
&lt;div&gt;
  &lt;a href="https://github.com/olidroide/lorita-bot"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--mXWx4lhH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://github.com/olidroide/lorita-botimages/lorita-bot-logo.png" alt="Logo" width="80" height="80"&gt;
  &lt;/a&gt;
    &lt;br&gt;
    &lt;i&gt;&lt;a href="https://www.flaticon.com/free-icons/parrot" title="parrot icons" rel="nofollow"&gt;Parrot icons created by Freepik - Flaticon&lt;/a&gt;&lt;/i&gt;
&lt;h3&gt;
Lorita Bot&lt;/h3&gt;
  &lt;p&gt;
    Lorita helps you to transcript audio messages of your chat app.
    &lt;br&gt;
    &lt;a href="https://github.com/olidroide/lorita-bot"&gt;&lt;strong&gt;Explore the docs »&lt;/strong&gt;&lt;/a&gt;
    &lt;br&gt;
    &lt;br&gt;
    &lt;a href="https://github.com/olidroide/lorita-bot"&gt;View Demo&lt;/a&gt;
    ·
    &lt;a href="https://github.com/olidroide/lorita-bot/issues"&gt;Report Bug&lt;/a&gt;
    ·
    &lt;a href="https://github.com/olidroide/lorita-bot/issues"&gt;Request Feature&lt;/a&gt;
  &lt;/p&gt;
&lt;/div&gt;

&lt;h2&gt;
📝 Table of Contents&lt;/h2&gt;

  &lt;ol&gt;
    &lt;li&gt;
      &lt;a href="https://github.com/olidroide/lorita-bot#about-the-project"&gt;About The Project&lt;/a&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href="https://github.com/olidroide/lorita-bot#built-with"&gt;Built With&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a href="https://github.com/olidroide/lorita-bot#getting-started"&gt;Getting Started&lt;/a&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href="https://github.com/olidroide/lorita-bot#prerequisites"&gt;Prerequisites&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="https://github.com/olidroide/lorita-bot#installation"&gt;Installation&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;&lt;a href="https://github.com/olidroide/lorita-bot#usage"&gt;Usage&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="https://github.com/olidroide/lorita-bot#roadmap"&gt;Roadmap&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="https://github.com/olidroide/lorita-bot#contributing"&gt;Contributing&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="https://github.com/olidroide/lorita-bot#license"&gt;License&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="https://github.com/olidroide/lorita-bot#contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="https://github.com/olidroide/lorita-bot#acknowledgments"&gt;Acknowledgments&lt;/a&gt;&lt;/li&gt;
  &lt;/ol&gt;


&lt;h2&gt;
💡 About The Project&lt;/h2&gt;
&lt;p&gt;&lt;a href="https://example.com" rel="nofollow"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--mGy0CIv9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://github.com/olidroide/lorita-botimages/screenshot.png" alt="Product Name Screen Shot"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;How many times you're in a meeting and receives and Audio Message? you can't take your phone and listen it, needs to finish the meeting and then listen.&lt;/p&gt;
&lt;p&gt;Lorita-Bot transcribe that Audio Message to text, and you cand read it without listen it.&lt;/p&gt;
&lt;p&gt;(&lt;a href="https://github.com/olidroide/lorita-bot#top"&gt;back to top&lt;/a&gt;)&lt;/p&gt;
&lt;h2&gt;
⛏️ Built With&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://fastapi.tiangolo.com/" rel="nofollow"&gt;FastAPI&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.python.org/" rel="nofollow"&gt;Python&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.docker.com/" rel="nofollow"&gt;Docker&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.jetbrains.com/pycharm/" rel="nofollow"&gt;PyCharm&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://nextjs.org/" rel="nofollow"&gt;Next.js&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;(&lt;a href="https://github.com/olidroide/lorita-bot#top"&gt;back to top&lt;/a&gt;)&lt;/p&gt;

&lt;h2&gt;
🏁 Getting Started&lt;/h2&gt;
&lt;p&gt;This is an example of how you may give instructions on setting up your project locally or in a Server.&lt;/p&gt;
&lt;h3&gt;
Prerequisites&lt;/h3&gt;
&lt;p&gt;Depends of how do you want deploy it:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;Local (with…&lt;/p&gt;
&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/olidroide/lorita-bot"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


&lt;h3&gt;
  
  
  Additional Resources / Info
&lt;/h3&gt;

&lt;p&gt;Demo available &lt;a href="https://lorita-bot.olidroide.es"&gt;https://lorita-bot.olidroide.es&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;I found this Hackathon on DEV and I decide to participate because I never do any before. So... why not? I'm very happy to participate and share my experience with this small POC.&lt;/p&gt;

&lt;h3&gt;
  
  
  My Deepgram Use-Case
&lt;/h3&gt;

&lt;p&gt;As you can see on the README of the project, my main inspiration is the audios received in messaging app, and that's moments than you can't listen it but need to check the content of that audio because the sender is someone important for you.&lt;/p&gt;

&lt;h3&gt;
  
  
  Dive into Details
&lt;/h3&gt;

&lt;p&gt;The main challenge here is use a WhatsApp bot, because this platform doesn't offer a developers tools to make one. So I decide to use Twilio platform, also I started with the idea of use other API messaging like MessageBird, but I leave this idea for improvements.&lt;br&gt;
For this reason I implement also a Telegram Bot, because is more developer friendly to do this kind of stuff.&lt;/p&gt;

&lt;p&gt;Another challenge is learn some of next.js framework, and offer this solution to anyone in a multiplatform Docker image (Arm &amp;amp; Intel/AMD64 because is the main architecture of backend) and learn how to GitHub Actions work to do a CI/CD.&lt;/p&gt;

&lt;h3&gt;
  
  
  Conclusion
&lt;/h3&gt;

&lt;p&gt;A small demo in production is available here:&lt;br&gt;
&lt;a href="https://lorita-bot.olidroide.es"&gt;https://lorita-bot.olidroide.es&lt;/a&gt;&lt;/p&gt;

</description>
      <category>hackwithdg</category>
      <category>deepgram</category>
      <category>deeplearning</category>
      <category>ai</category>
    </item>
  </channel>
</rss>
