<?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: Kshitij Singh</title>
    <description>The latest articles on Forem by Kshitij Singh (@singhkshitij).</description>
    <link>https://forem.com/singhkshitij</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%2F151214%2F17d928f2-17a8-4727-b204-21ffdd9f8f3f.jpeg</url>
      <title>Forem: Kshitij Singh</title>
      <link>https://forem.com/singhkshitij</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/singhkshitij"/>
    <language>en</language>
    <item>
      <title>Release new version of your project like a PRO 🚀</title>
      <dc:creator>Kshitij Singh</dc:creator>
      <pubDate>Wed, 02 Sep 2020 15:14:29 +0000</pubDate>
      <link>https://forem.com/singhkshitij/release-new-version-of-your-project-like-a-pro-4k2g</link>
      <guid>https://forem.com/singhkshitij/release-new-version-of-your-project-like-a-pro-4k2g</guid>
      <description>&lt;h3&gt;
  
  
  My Workflow
&lt;/h3&gt;

&lt;p&gt;I just created a custom Github action that can be used to send emails to multiple users/customers. It can be used as the best way to trigger the workflow whenever a release is made on your project repository.&lt;/p&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/singhkshitij"&gt;
        singhkshitij
      &lt;/a&gt; / &lt;a href="https://github.com/singhkshitij/announcerr"&gt;
        announcerr
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      Automatically announce and send emails to list of subscribers on every product release 🚀
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;h1&gt;
Announcerr Github Action&lt;/h1&gt;
&lt;p&gt;Automatically announce and send emails to list of subscribers on every product release 🚀&lt;/p&gt;
&lt;p&gt;&lt;a href="https://github.com/singhkshitij/announcerr-demo"&gt;Demo Project&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;
Usage&lt;/h2&gt;
&lt;div class="highlight highlight-source-yaml notranslate position-relative overflow-auto js-code-highlight"&gt;
&lt;pre&gt;- &lt;span class="pl-ent"&gt;name&lt;/span&gt;: &lt;span class="pl-s"&gt;Announcerr&lt;/span&gt;
  &lt;span class="pl-ent"&gt;uses&lt;/span&gt;: &lt;span class="pl-s"&gt;singhkshitij/announcerr@v2&lt;/span&gt;
  &lt;span class="pl-ent"&gt;with&lt;/span&gt;:
    &lt;span class="pl-ent"&gt;server_address&lt;/span&gt;: &lt;span class="pl-s"&gt;smtp.gmail.com&lt;/span&gt;
    &lt;span class="pl-ent"&gt;server_port&lt;/span&gt;: &lt;span class="pl-c1"&gt;465&lt;/span&gt;
    &lt;span class="pl-ent"&gt;username&lt;/span&gt;: &lt;span class="pl-s"&gt;${{secrets.MAIL_USERNAME}}&lt;/span&gt;
    &lt;span class="pl-ent"&gt;password&lt;/span&gt;: &lt;span class="pl-s"&gt;${{secrets.MAIL_PASSWORD}}&lt;/span&gt;
    &lt;span class="pl-ent"&gt;subject&lt;/span&gt;: &lt;span class="pl-s"&gt;Launching my awesomeProduct version ${{ github.event.release.tag_name }}&lt;/span&gt;
    &lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; Literal body:&lt;/span&gt;
    &lt;span class="pl-ent"&gt;body&lt;/span&gt;: &lt;span class="pl-s"&gt;Just launched new version of my ${{github.repository}} ! It is fully packed with awesome features.&lt;/span&gt;
    &lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; Read file contents as body:&lt;/span&gt;
    &lt;span class="pl-ent"&gt;body&lt;/span&gt;: &lt;span class="pl-s"&gt;file://README.md&lt;/span&gt;
    &lt;span class="pl-ent"&gt;to&lt;/span&gt;: &lt;span class="pl-s"&gt;user1@xyz.com,user2@abc.com&lt;/span&gt;
    &lt;span class="pl-ent"&gt;from&lt;/span&gt;: &lt;span class="pl-s"&gt;Kshitij Singh &lt;/span&gt;&lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; &amp;lt;kshitij@mytrashcode.com&amp;gt;&lt;/span&gt;
    &lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; Optional content type (defaults to text/plain):&lt;/span&gt;
    &lt;span class="pl-ent"&gt;content_type&lt;/span&gt;: &lt;span class="pl-s"&gt;text/html&lt;/span&gt;
    &lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; Optional attachments:&lt;/span&gt;
    &lt;span class="pl-ent"&gt;attachments&lt;/span&gt;: &lt;span class="pl-s"&gt;attachments.zip,git.diff,./dist/static/main.js&lt;/span&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;&lt;em&gt;Caution: Some email server provider such as Gmail do not allow password directly to be used in such apps and might block send message operation, if we try to give plain password directly.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Please follow &lt;a href="https://support.google.com/accounts/answer/185833?hl=en" rel="nofollow"&gt;this guide to generate app password&lt;/a&gt; which can then be used&lt;/em&gt;…&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/singhkshitij/announcerr"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


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

&lt;ul&gt;
&lt;li&gt;Maintainer Must-Haves&lt;/li&gt;
&lt;li&gt;Wacky Wildcards&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Yaml File or Link to Code
&lt;/h3&gt;

&lt;p&gt;Example repo that has the working workflow file :&lt;/p&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/singhkshitij"&gt;
        singhkshitij
      &lt;/a&gt; / &lt;a href="https://github.com/singhkshitij/announcerr-demo"&gt;
        announcerr-demo
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      Demo for Announcer github action 
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;h1&gt;
Announcerr Demo&lt;/h1&gt;
&lt;p&gt;A demo repo which sends out the changelog email to all the users with the help of &lt;a href="https://github.com/marketplace/actions/announcerr"&gt;Announcer github action&lt;/a&gt; whenever a new app version is released ! 🧑‍🚀&lt;/p&gt;
&lt;h2&gt;
How it works ?&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Repo contains a &lt;a href="https://github.com/singhkshitij/announcerr-demo/blob/master/.github/workflows/release.yml"&gt;workflow file&lt;/a&gt; that gets triggered whenever a release is made.&lt;/li&gt;
&lt;li&gt;This workflow files uses &lt;a href="https://github.com/marketplace/actions/announcerr"&gt;Announcer github action&lt;/a&gt; and provides some input to the announcer such as , email username, password and list of users whom to send changelog email.&lt;/li&gt;
&lt;li&gt;Important step is passing the changelog file to the announcer action, which in this case is &lt;a href="https://github.com/singhkshitij/announcerr-demo/blob/master/demo-page.html"&gt;Demo-page.html&lt;/a&gt; 📧.&lt;/li&gt;
&lt;li&gt;Whenever a release is made on repo , announcer gh-action gets tiggered 🚀, reads the changelog file content and sends it to all the users.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;PS : To maintain privacy 🔒 Gh-action is reading all the creds and emails from github secrets.&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/singhkshitij/announcerr-demo"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;br&gt;
&lt;/div&gt;
&lt;br&gt;


&lt;p&gt;Sample YAML to kickstart process:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;on:
  push:
    tags:
      - 'v*'

jobs:
  build:
    name: Create Release
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code
        uses: actions/checkout@v2
      - name: Set env
        run: echo ::set-env name=RELEASE_VERSION::${GITHUB_REF#refs/*/}
      - name: Announce Product release 
        uses: singhkshitij/announcerr@v2.0
        with:
          server_address: smtp.gmail.com
          server_port: 465
          username: ${{secrets.MAIL_USERNAME}}
          password: ${{secrets.MAIL_PASSWORD}}
          subject: Launching my awesomeProduct version ${{ env.RELEASE_VERSION }}
          body: "file://demo-page.html"
          to: ${{secrets.USER_EMAILS}}
          from: Kshitij Singh 
          content_type: text/html
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



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

&lt;p&gt;Feel free to raise PR or &lt;a href="https://github.com/singhkshitij/announcerr/issues/new"&gt;feature request here&lt;/a&gt;&lt;/p&gt;

</description>
      <category>actionshackathon</category>
      <category>showdev</category>
      <category>github</category>
      <category>opensource</category>
    </item>
    <item>
      <title>Building a email sender GH action</title>
      <dc:creator>Kshitij Singh</dc:creator>
      <pubDate>Wed, 02 Sep 2020 14:53:43 +0000</pubDate>
      <link>https://forem.com/singhkshitij/building-a-email-sender-gh-action-2a0h</link>
      <guid>https://forem.com/singhkshitij/building-a-email-sender-gh-action-2a0h</guid>
      <description>&lt;p&gt;Building custom GH action to send email to a list of users as soon as a product release is made. &lt;/p&gt;

&lt;p&gt;This custom GH action will also support reading html file contents. This is so that you can send a fancy changelog newsletter.&lt;/p&gt;

&lt;p&gt;Just launched the custom action in marketplace &lt;a href="https://github.com/singhkshitij/announcerr"&gt;here&lt;/a&gt;. Will be adding a demo project too so that E2E flow is also validated and documented.&lt;/p&gt;

</description>
      <category>actionshackathon</category>
    </item>
    <item>
      <title>I built a free forever feedback platform from scratch in Pandemic !</title>
      <dc:creator>Kshitij Singh</dc:creator>
      <pubDate>Mon, 31 Aug 2020 02:23:21 +0000</pubDate>
      <link>https://forem.com/singhkshitij/i-built-a-free-forever-feedback-platform-from-scratch-in-pandemic-11m8</link>
      <guid>https://forem.com/singhkshitij/i-built-a-free-forever-feedback-platform-from-scratch-in-pandemic-11m8</guid>
      <description>&lt;p&gt;Hey there, sit back, relax, and enjoy the story about how &lt;a href="https://namelss.com/"&gt;namelss&lt;/a&gt;, an anonymous feedback platform was created all from scratch during the COVID pandemic.&lt;/p&gt;

&lt;p&gt;Since my full-time job got converted to WFH setup, I was wondering what to with the extra time I am saving these days (ex: office commute time, no self-cooking time, etc). &lt;/p&gt;

&lt;p&gt;Also, I wanted to learn Clojure and wanted to create a well-structured production-ready app.&lt;/p&gt;

&lt;p&gt;So I started looking for a project idea to work on. &lt;/p&gt;

&lt;p&gt;Just then I found one of my colleagues was struggling to find a tool wherein he can be the single host and invite other people to give feedback in real-time (sort of chatroom ) but all the participants can be anonymous or named based on their personal preferences.&lt;/p&gt;

&lt;p&gt;Bang! This was a perfect idea and requirement intersection wherein I could have achieved all that I wanted (side project + Clojure based app).&lt;/p&gt;

&lt;p&gt;Within no time I wrote an RFC/ADR doc around the concept.&lt;/p&gt;

&lt;p&gt;As soon as I felt I have captured basic requirements from the project, I started work on it as well.&lt;/p&gt;

&lt;p&gt;In just 2 months, working mostly on weekends and sometimes usual days, I could make it production-ready and here I am launching it today.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a href="https://www.producthunt.com/posts/namelss"&gt;Product hunt page&lt;/a&gt;
&lt;/h2&gt;

&lt;p&gt;(Please upvote on product hunt if you like the project)&lt;/p&gt;

&lt;h2&gt;
  
  
  About Namelss
&lt;/h2&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;🙅 No login/auth required by host or participants
🎭 Participants can be totally anonymous
✈️ Unlimited participants can join
📥 The host can export feedbacks/chats as CSV
🔒The host can lock room for entry when required participants have joined in.
⏳Realtime chatrooms and sessions
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h3&gt;
  
  
  Bonus :
&lt;/h3&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;📱The app is a PWA so it can be installed on any device
🔐 Conversations are E2E encrypted
🕸️ Minimal UI
📟 Open Source
It helps with :
    People giving feedback can be totally anonymous
    The host can interact and introspect feedback with audience realtime
    No limit on the number of people that can join the same room at a time
    No context of the data being stored
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;More details in the &lt;a href="https://github.com/singhkshitij/nameless-ui"&gt;Github repo here&lt;/a&gt;&lt;/p&gt;

</description>
      <category>showdev</category>
      <category>react</category>
      <category>webdev</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Need Ideas to learn building a Spring Boot REST API</title>
      <dc:creator>Kshitij Singh</dc:creator>
      <pubDate>Sat, 20 Jul 2019 14:12:49 +0000</pubDate>
      <link>https://forem.com/singhkshitij/need-ideas-to-learn-building-a-spring-boot-rest-api-1d6l</link>
      <guid>https://forem.com/singhkshitij/need-ideas-to-learn-building-a-spring-boot-rest-api-1d6l</guid>
      <description>&lt;p&gt;Hi all, i need some cool ideas to try out as i am planning to learning spring boot , building some REST Service :)&lt;/p&gt;

</description>
      <category>discuss</category>
    </item>
    <item>
      <title>Minimal Portfolio Built by developer for Developers with Github Pages</title>
      <dc:creator>Kshitij Singh</dc:creator>
      <pubDate>Sun, 31 Mar 2019 06:26:20 +0000</pubDate>
      <link>https://forem.com/singhkshitij/minimal-portfolio-built-by-developer-for-developers-2c54</link>
      <guid>https://forem.com/singhkshitij/minimal-portfolio-built-by-developer-for-developers-2c54</guid>
      <description>&lt;p&gt;
  &lt;a href="https://singhkshitij.github.io/My-Landing-Page/" rel="noopener noreferrer"&gt;
    &lt;img alt="My Landing Page" src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fmx995zs5wc4b75lzezh7.png"&gt;
  &lt;/a&gt;
&lt;/p&gt;

&lt;p&gt;Hey Guys, Want an awesome landing page for your portfolio ? Have a look at this library , i built using REACT and Material UI, where you can simply just change some JSON properties and deploy on GitHub Pages for free and in just 5 minutes.&lt;/p&gt;

&lt;p&gt;Demo : &lt;a href="https://bit.ly/2Ocnxwg" rel="noopener noreferrer"&gt;https://bit.ly/2Ocnxwg&lt;/a&gt; ( Click on the page to see Magic )&lt;/p&gt;

&lt;p&gt;You can find the code here : &lt;a href="https://github.com/singhkshitij/My-Landing-Page" rel="noopener noreferrer"&gt;https://github.com/singhkshitij/My-Landing-Page&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why?
&lt;/h2&gt;

&lt;p&gt;One fine day i was going through GitHub and found an awesome concept on &lt;a href="https://github.com/flexdinesh/dev-landing-page" rel="noopener noreferrer"&gt;Dinesh Pandiyan's Profile&lt;/a&gt; and saw that people really liked it and so did i. I really liked the minimalist approach and hence thought that i should take it a step forward. &lt;/p&gt;

&lt;p&gt;Actually the original repo has some static files in which you need to manually go and edit the source code in order to get your landing page up and running. So i have bootstrapped the same content with create-react-app, i.e &lt;strong&gt;REACTJS&lt;/strong&gt;. Now you only need to change one config file, run couple of commands and that's it. &lt;/p&gt;

&lt;h2&gt;
  
  
  What's Included ?
&lt;/h2&gt;

&lt;p&gt;Well you never know whats coming in future, but as of now it supports :&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Material Background with Dark and Light Mode toggle with a button click&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F3tlfxjzrodmzz45fjou3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F3tlfxjzrodmzz45fjou3.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt; Each Dark as well as Light Mode supports 7 color combos by default. (Total -14)&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Dark Backgrounds
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Flkxcf8ly441zxl1nq2qf.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Flkxcf8ly441zxl1nq2qf.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Light Backgrounds
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fbhyspqyslyy4bark5vxt.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fbhyspqyslyy4bark5vxt.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Background Changes as and when you click anywhere on page.&lt;/li&gt;
&lt;li&gt;Gradient Background Support with Free Flow Animation &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fu8cv55og70z5bqrv3lot.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fu8cv55og70z5bqrv3lot.PNG"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Image background&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fa3x4qumjzymhae3nn4dk.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fa3x4qumjzymhae3nn4dk.PNG"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;'n' number of hyperlinked social profile support&lt;/li&gt;
&lt;li&gt;Deploy the project on you GitHub account with couple of commands.&lt;/li&gt;
&lt;li&gt;Changes can be made by just changing a config file :D&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F1d2w4hrgh5d9kylyxqpj.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F1d2w4hrgh5d9kylyxqpj.PNG"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Originally published on : &lt;a href="https://mytrashcode.com" rel="noopener noreferrer"&gt;Mytrashcode&lt;/a&gt;&lt;/p&gt;

</description>
      <category>react</category>
      <category>javascript</category>
      <category>frontend</category>
    </item>
  </channel>
</rss>
