<?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: Elango Sundar</title>
    <description>The latest articles on Forem by Elango Sundar (@10secondsofcode).</description>
    <link>https://forem.com/10secondsofcode</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%2F110188%2Fbb576f44-fa32-406e-aafb-b55aba61b7f2.png</url>
      <title>Forem: Elango Sundar</title>
      <link>https://forem.com/10secondsofcode</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/10secondsofcode"/>
    <language>en</language>
    <item>
      <title>Social-AI - Github action automatically add your social icons in README.MD</title>
      <dc:creator>Elango Sundar</dc:creator>
      <pubDate>Thu, 03 Sep 2020 17:36:19 +0000</pubDate>
      <link>https://forem.com/10secondsofcode/social-ai-github-action-automatically-add-your-social-icons-in-readme-md-1g29</link>
      <guid>https://forem.com/10secondsofcode/social-ai-github-action-automatically-add-your-social-icons-in-readme-md-1g29</guid>
      <description>&lt;p&gt;Hi, I am Elango Sundar, This is my submission for &lt;a href="https://dev.to/t/actionshackathon"&gt;Github Actions&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  My Workflow
&lt;/h3&gt;

&lt;p&gt;&lt;code&gt;Social-AI&lt;/code&gt; is a &lt;code&gt;Github action&lt;/code&gt; automatically add your social icons or profiles in your &lt;code&gt;README.MD&lt;/code&gt; file without hassle.&lt;/p&gt;

&lt;p&gt;It will helps without copy pasting the social icons from icons website and less configurations.&lt;/p&gt;

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

&lt;p&gt;I have submitted the my action under the below categories&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Wacky Wildcards&lt;/li&gt;
&lt;li&gt;Interesting IoT&lt;/li&gt;
&lt;/ul&gt;

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

&lt;p&gt;My action has two inputs.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;GITHUB_TOKEN&lt;/code&gt; - A personal Github token.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;social-icons&lt;/code&gt; - Add your social name and it is username to add your README. [ Eg: If you will add social icon for twitter, will pass the &lt;code&gt;socialName&lt;/code&gt; as &lt;code&gt;twitter&lt;/code&gt; and &lt;code&gt;userName&lt;/code&gt; as &lt;code&gt;YOUR_USERNAME&lt;/code&gt;]
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;- name: add social icons
  uses: elangosundar/social-ai@master
  with:
    GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
    social-icons: '[ { "socialName": "twitter", "userName": "elango_sundar"}, { "socialName": "facebook", "userName": "elango_sundar"}, { "socialName": "dev-dot-to", "userName": "elango_sundar"}, { "socialName": "codesandbox", "userName": "elango_sundar"},{ "socialName": "stackoverflow", "userName": "elango_sundar"}, { "socialName": "youtube", "userName": "elango_sundar"}]'
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;&lt;em&gt;Repo:&lt;/em&gt; &lt;br&gt;
&lt;a href="https://github.com/elangosundar/social-ai"&gt;https://github.com/elangosundar/social-ai&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;I have created a demo repo for this Project - &lt;a href="https://github.com/elangosundar/social-ai-test"&gt;Social-AI-Demo&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Please check my repo and if you like this project, Please make ⭐. &lt;/p&gt;

&lt;p&gt;Thanks for &lt;a href="https://dev.to"&gt;Dev.to&lt;/a&gt; and &lt;a href="https://dev.to/new/actionshackathon"&gt;Action Hackathon Team&lt;/a&gt;&lt;/p&gt;

</description>
      <category>actionshackathon</category>
      <category>javascript</category>
      <category>opensource</category>
      <category>showdev</category>
    </item>
    <item>
      <title>Can we transfer one github account to another github account in dev.to </title>
      <dc:creator>Elango Sundar</dc:creator>
      <pubDate>Fri, 07 Aug 2020 20:13:28 +0000</pubDate>
      <link>https://forem.com/10secondsofcode/can-we-transfer-one-github-account-to-another-github-account-in-dev-to-2kfn</link>
      <guid>https://forem.com/10secondsofcode/can-we-transfer-one-github-account-to-another-github-account-in-dev-to-2kfn</guid>
      <description>&lt;p&gt;Can we transfer one github account to another github account in dev.to?&lt;br&gt;
@dev Team is this possible ?&lt;/p&gt;

</description>
      <category>discuss</category>
      <category>meta</category>
      <category>watercooler</category>
    </item>
    <item>
      <title>Postlify - Create fast API request builder based on REACT</title>
      <dc:creator>Elango Sundar</dc:creator>
      <pubDate>Fri, 07 Aug 2020 14:32:54 +0000</pubDate>
      <link>https://forem.com/10secondsofcode/postlify-create-fast-api-request-builder-based-on-react-jho</link>
      <guid>https://forem.com/10secondsofcode/postlify-create-fast-api-request-builder-based-on-react-jho</guid>
      <description>&lt;p&gt;Postlify - Create a fast API request builder, built with React and Redux. It is alternative for &lt;code&gt;Post(WO)Man&lt;/code&gt;.&lt;/p&gt;

&lt;h1&gt;
  
  
  Website
&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;Website - &lt;a href="https://postlify.netlify.app"&gt;https://postlify.netlify.app&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Repo - &lt;a href="https://github.com/elangosundar/postlify"&gt;https://github.com/elangosundar/postlify&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Report Bug - &lt;a href="https://github.com/elangosundar/postlify/issues/new/choose"&gt;Report Bug&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Request Feature - &lt;a href="https://github.com/elangosundar/postlify/issues/new/choose"&gt;Request Feature&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h1&gt;
  
  
  Core packages
&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;React - Web Components&lt;/li&gt;
&lt;li&gt;Redux - State Management&lt;/li&gt;
&lt;li&gt;React Router - Routing&lt;/li&gt;
&lt;li&gt;Styling - Styled Components&lt;/li&gt;
&lt;li&gt;API request calls - Axios&lt;/li&gt;
&lt;/ul&gt;

&lt;h1&gt;
  
  
  Features
&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;API Request for all methods like &lt;code&gt;GET&lt;/code&gt;, &lt;code&gt;POST&lt;/code&gt;, &lt;code&gt;DELETE&lt;/code&gt;, &lt;code&gt;PUT&lt;/code&gt;, ..,etc.&lt;/li&gt;
&lt;li&gt;Mainitaining History for all api request&lt;/li&gt;
&lt;li&gt;Fastly retrieved the API response&lt;/li&gt;
&lt;li&gt;Multiple theme configuration&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;Contributions are welcomed! &amp;lt;3&lt;br&gt;
Made with ❤️ and React.&lt;/p&gt;

</description>
      <category>showdev</category>
      <category>javascript</category>
      <category>webdev</category>
      <category>react</category>
    </item>
    <item>
      <title>Awesome github readme templates collection</title>
      <dc:creator>Elango Sundar</dc:creator>
      <pubDate>Tue, 21 Jul 2020 06:34:19 +0000</pubDate>
      <link>https://forem.com/10secondsofcode/awesome-github-readme-templates-collection-55ih</link>
      <guid>https://forem.com/10secondsofcode/awesome-github-readme-templates-collection-55ih</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--80LOLU8Z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/f162s2fyiks5jfi9jck2.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--80LOLU8Z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/f162s2fyiks5jfi9jck2.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Finally i have reached 100 ⭐ for &lt;a href="https://github.com/elangosundar/awesome-README-templates"&gt;awesome README templates&lt;/a&gt; and created a website for collections of all templates are available in &lt;a href="https://awesome-github-readme-profile.netlify.app"&gt;https://awesome-github-readme-profile.netlify.app&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Repo Url: &lt;a href="https://github.com/elangosundar/awesome-README-templates"&gt;https://github.com/elangosundar/awesome-README-templates&lt;/a&gt;&lt;br&gt;
Website Url : &lt;a href="https://awesome-github-readme-profile.netlify.app/"&gt;https://awesome-github-readme-profile.netlify.app/&lt;/a&gt;&lt;br&gt;
Twitter: &lt;a href="https://twitter.com/elango_sundar"&gt;https://twitter.com/elango_sundar&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you love this website, Please share your views, suggestions to improve it.&lt;/p&gt;

</description>
      <category>showdev</category>
      <category>watercooler</category>
      <category>opensource</category>
    </item>
    <item>
      <title>Awesome github README Templates</title>
      <dc:creator>Elango Sundar</dc:creator>
      <pubDate>Sun, 12 Jul 2020 08:55:42 +0000</pubDate>
      <link>https://forem.com/10secondsofcode/awesome-github-readme-templates-4599</link>
      <guid>https://forem.com/10secondsofcode/awesome-github-readme-templates-4599</guid>
      <description>&lt;p&gt;Github recently relased profile features and it is look awesome. We have collected the all awesome profile templates and listed out in this repo &lt;a href="https://github.com/elangosundar/awesome-README-templates"&gt;https://github.com/elangosundar/awesome-README-templates&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;This repo aims to collect the all awesome beautiful READMEs profile and discover / inspired to other developers.&lt;/p&gt;

&lt;p&gt;We have created a multiple category for README's template. If you would like add a new &lt;code&gt;template category&lt;/code&gt; or add more &lt;code&gt;readme profile&lt;/code&gt; under the category.&lt;/p&gt;

&lt;p&gt;We have created the categories are mentioned below&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;art&lt;/li&gt;
&lt;li&gt;code-styled&lt;/li&gt;
&lt;li&gt;creativity &lt;/li&gt;
&lt;li&gt;default &lt;/li&gt;
&lt;li&gt;dynamic-realtime &lt;/li&gt;
&lt;li&gt;elaborate &lt;/li&gt;
&lt;li&gt;multimedia&lt;/li&gt;
&lt;li&gt;short-and-sweet &lt;/li&gt;
&lt;li&gt;tabular&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;em&gt;Repo Name:&lt;/em&gt; &lt;a href="https://github.com/elangosundar/awesome-README-templates"&gt;https://github.com/elangosundar/awesome-README-templates&lt;/a&gt; &lt;/p&gt;

</description>
      <category>github</category>
      <category>awesome</category>
      <category>watercooler</category>
    </item>
    <item>
      <title>awesome JavaScript and Reacties concepts in dev.to</title>
      <dc:creator>Elango Sundar</dc:creator>
      <pubDate>Tue, 24 Dec 2019 08:14:20 +0000</pubDate>
      <link>https://forem.com/10secondsofcode/awesome-javascript-and-reacties-concepts-in-dev-to-4omo</link>
      <guid>https://forem.com/10secondsofcode/awesome-javascript-and-reacties-concepts-in-dev-to-4omo</guid>
      <description>&lt;p&gt;A mostly reasonable collection of technical interview topics for Javascript and ReactJS from DEV.to&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--OrutECUN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/jt8ux5evafuco3ktcf39.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--OrutECUN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/jt8ux5evafuco3ktcf39.png" alt="awesome JavaScript and Reacties concepts in dev.to"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Add to your best topics belongs to category:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Link :&lt;/strong&gt; &lt;a href="https://github.com/elangovanshanthi/awesome-dev.to"&gt;https://github.com/elangovanshanthi/awesome-dev.to&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;created the PR :&lt;/strong&gt; &lt;a href="https://github.com/elangovanshanthi/awesome-dev.to/issues"&gt;https://github.com/elangovanshanthi/awesome-dev.to/issues&lt;/a&gt;&lt;/p&gt;

</description>
      <category>awesome</category>
      <category>watercooler</category>
      <category>javascript</category>
    </item>
    <item>
      <title>What was your biggest achievement of year 2019</title>
      <dc:creator>Elango Sundar</dc:creator>
      <pubDate>Tue, 17 Dec 2019 07:08:04 +0000</pubDate>
      <link>https://forem.com/10secondsofcode/what-was-your-biggest-achievement-of-year-2019-4449</link>
      <guid>https://forem.com/10secondsofcode/what-was-your-biggest-achievement-of-year-2019-4449</guid>
      <description>&lt;p&gt;What was your biggest achievement of year 2019 and list out best three or five items?&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--J-E2m_rY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/lzdg6mfxs96vmhxfo95z.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--J-E2m_rY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/lzdg6mfxs96vmhxfo95z.jpg" alt="Achievement of year 2019"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>discuss</category>
      <category>watercooler</category>
    </item>
    <item>
      <title>Awesome API tools</title>
      <dc:creator>Elango Sundar</dc:creator>
      <pubDate>Fri, 06 Dec 2019 18:21:56 +0000</pubDate>
      <link>https://forem.com/10secondsofcode/awesome-api-tools-lost-ki5</link>
      <guid>https://forem.com/10secondsofcode/awesome-api-tools-lost-ki5</guid>
      <description>&lt;p&gt;A Curated collection of useful awesome API tools that you can test your API&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--j1P7MnNN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/1wzflfrpae8sra07vk9c.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--j1P7MnNN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/1wzflfrpae8sra07vk9c.jpg" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  API TOOLS LIST
&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://www.getpostman.com"&gt;Postman&lt;/a&gt; - Postman is a good choice for API testing for those who don’t want to deal with coding in an integrated development environment.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://postwoman.io"&gt;Postwoman&lt;/a&gt; - Postwoman is API request builder&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://postlify.netlify.app"&gt;Postlify&lt;/a&gt; - Postlify is a web based API request builder, built with ReactJs.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://assertible.com/"&gt;Assertible&lt;/a&gt; - Continuously test and monitor your APIs after deployments and across environments.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/svanoort/pyresttest"&gt;Pyresttest&lt;/a&gt; - YAML based REST testing and API microbenchmarking tool&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/zaproxy/zaproxy"&gt;OWASP Zaproxy&lt;/a&gt; - A tool to test your API for known security vulnerabilities, with a great CI integration&lt;/li&gt;
&lt;/ul&gt;

&lt;h1&gt;
  
  
  Repo url :
&lt;/h1&gt;

&lt;p&gt;&lt;a href="https://github.com/elangosundar/awesome-api-tools"&gt;https://github.com/elangosundar/awesome-api-tools&lt;/a&gt;&lt;/p&gt;

</description>
      <category>api</category>
      <category>apitools</category>
      <category>opensource</category>
      <category>testing</category>
    </item>
    <item>
      <title>CodingAI helps find a mentors</title>
      <dc:creator>Elango Sundar</dc:creator>
      <pubDate>Tue, 03 Dec 2019 05:20:07 +0000</pubDate>
      <link>https://forem.com/10secondsofcode/codingai-helps-find-a-mentors-40f9</link>
      <guid>https://forem.com/10secondsofcode/codingai-helps-find-a-mentors-40f9</guid>
      <description>&lt;p&gt;&lt;strong&gt;CodingAI&lt;/strong&gt; helps find out dev mentors to help resolve the issue. It is beginning levels of ideas and we can find out Find the mentors based on location and tech stack.&lt;/p&gt;

&lt;h1&gt;
  
  
  Features
&lt;/h1&gt;

&lt;ol&gt;
&lt;li&gt;To find the mentors based tech stack and their locations&lt;/li&gt;
&lt;li&gt;It is fully open source project&lt;/li&gt;
&lt;li&gt;To earn and learning from both mentors and mentees.&lt;/li&gt;
&lt;li&gt;It support PWA support for our applications .&lt;/li&gt;
&lt;/ol&gt;

&lt;h1&gt;
  
  
  Repo Details
&lt;/h1&gt;

&lt;p&gt;Click ⭐ if you like the project. Pull Request are highly appreciated.&lt;/p&gt;

&lt;p&gt;To help to open source projects follow the below repo.&lt;/p&gt;

&lt;p&gt;Github : &lt;a href="https://github.com/10secondsofcode/coding-ai"&gt;https://github.com/10secondsofcode/coding-ai&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Link : &lt;a href="https://mentors.10secondsofcode.com"&gt;https://mentors.10secondsofcode.com&lt;/a&gt;&lt;/p&gt;

</description>
      <category>mentors</category>
      <category>react</category>
    </item>
    <item>
      <title>Thanks for hacktoberfest - CodingAI</title>
      <dc:creator>Elango Sundar</dc:creator>
      <pubDate>Wed, 23 Oct 2019 14:03:52 +0000</pubDate>
      <link>https://forem.com/10secondsofcode/thanks-for-hacktoberfest-codingai-50f</link>
      <guid>https://forem.com/10secondsofcode/thanks-for-hacktoberfest-codingai-50f</guid>
      <description>&lt;p&gt;Thanks for hacktoberfest, Initially i didn't have any idea, how to start the hacktoberfest event. That time i have created the new repository and it is name as &lt;code&gt;CodingAI&lt;/code&gt; and url is &lt;a href="https://mentors.netlify.com/"&gt;https://mentors.netlify.com/&lt;/a&gt;. It  helps to find a mentor related your technologies stack..! So that i have setup the initial setup and create the list of issues and added the &lt;code&gt;#hacktoberfest&lt;/code&gt; tag.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--wXcsE_1L--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/paitpfl2o3k06qxq60yc.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wXcsE_1L--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/paitpfl2o3k06qxq60yc.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Suddenly my project PR count is increasing and most of github friends are helped and fixed the &lt;code&gt;CodingAI&lt;/code&gt; issue and Interested peoples added the request for joined as mentors in &lt;code&gt;CodingAI&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;In this hacktoberfest, I have learned many things and getting more stars, more PR and more learning.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;"I didn't get T-Shirt, But i get some good friends and more contributors"&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Repo :&lt;/strong&gt; &lt;a href="https://github.com/10secondsofcode/coding-ai"&gt;https://github.com/10secondsofcode/coding-ai&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Link :&lt;/strong&gt; &lt;a href="https://mentors.netlify.com/"&gt;https://mentors.netlify.com/&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;To create issue / Fix issue:&lt;/strong&gt; &lt;a href="https://github.com/10secondsofcode/coding-ai/issues"&gt;https://github.com/10secondsofcode/coding-ai/issues&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;To join as mentor:&lt;/strong&gt; Added the your info in &lt;a href="https://github.com/10secondsofcode/coding-ai/blob/master/src/response/response.js"&gt;https://github.com/10secondsofcode/coding-ai/blob/master/src/response/response.js&lt;/a&gt;  and created the PR.&lt;/p&gt;

</description>
      <category>10secondsofcode</category>
      <category>react</category>
      <category>javascript</category>
      <category>hacktoberfest</category>
    </item>
    <item>
      <title>Looking for easy and reactjs, markdown contributions for Hacktoberfest?</title>
      <dc:creator>Elango Sundar</dc:creator>
      <pubDate>Tue, 01 Oct 2019 10:06:15 +0000</pubDate>
      <link>https://forem.com/10secondsofcode/looking-for-easy-and-reactjs-markdown-contributions-for-hacktoberfest-8pa</link>
      <guid>https://forem.com/10secondsofcode/looking-for-easy-and-reactjs-markdown-contributions-for-hacktoberfest-8pa</guid>
      <description>&lt;p&gt;Looking for easy and reactjs, markdown contributions for Hacktoberfest?&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/10secondsofcode/10secondsofcode"&gt;https://github.com/10secondsofcode/10secondsofcode&lt;/a&gt;&lt;/p&gt;

</description>
      <category>hacktoberfest</category>
    </item>
    <item>
      <title>React Blink Component</title>
      <dc:creator>Elango Sundar</dc:creator>
      <pubDate>Tue, 17 Sep 2019 08:05:29 +0000</pubDate>
      <link>https://forem.com/10secondsofcode/react-blink-component-4o2h</link>
      <guid>https://forem.com/10secondsofcode/react-blink-component-4o2h</guid>
      <description>&lt;h1&gt;
  
  
  React Blink
&lt;/h1&gt;

&lt;p&gt;This reusable React component will manage to blink any text and changing the text color and font size if we need.&lt;/p&gt;

&lt;p&gt;Blink takes plain HTML tags and outputs plain HTML tags. It's dead simple, and React beginner friendly.&lt;/p&gt;

&lt;h2&gt;
  
  
  Example
&lt;/h2&gt;



&lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;import React, { Component } from "react";
import Blink from 'react-blink-text';

class Application extends Component {
  render() {
    return (
      &amp;lt;div className="Application"&amp;gt;
        &amp;lt;Blink color='blue' text='TestReactApp' fontSize='20'&amp;gt;
          Testing the Blink
        &amp;lt;/Blink&amp;gt; 
      &amp;lt;/div&amp;gt;
    );
  }
}
export default Application;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



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

&lt;ol&gt;
&lt;li&gt;Supports all html tags : H1, H2, h3,..,etc., Span, Div, A Href tag.&lt;/li&gt;
&lt;li&gt;Supports all different types of colors&lt;/li&gt;
&lt;li&gt;Supports server-side rendering.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Installation
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Yarn:
&lt;/h3&gt;



&lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;yarn add react-blink-text
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;h3&gt;
  
  
  Npm:
&lt;/h3&gt;



&lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;npm install --save react-blink-text
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;h2&gt;
  
  
  Repo Link:
&lt;/h2&gt;

&lt;p&gt;Link : &lt;a href="https://github.com/10secondsofcode/react-blink-text"&gt;https://github.com/10secondsofcode/react-blink-text&lt;/a&gt;&lt;br&gt;
Create Issue : &lt;a href="https://github.com/10secondsofcode/react-blink-text/issues/new"&gt;https://github.com/10secondsofcode/react-blink-text/issues/new&lt;/a&gt;&lt;/p&gt;

</description>
      <category>react</category>
      <category>component</category>
      <category>blink</category>
    </item>
  </channel>
</rss>
