<?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: Praveen Kumar</title>
    <description>The latest articles on DEV Community by Praveen Kumar (@praveenscience).</description>
    <link>https://dev.to/praveenscience</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%2F150391%2Ff10b631f-7e28-4602-a464-2361f8e70452.jpeg</url>
      <title>DEV Community: Praveen Kumar</title>
      <link>https://dev.to/praveenscience</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/praveenscience"/>
    <language>en</language>
    <item>
      <title>User Interface for a Certificate Generation &amp; Validation</title>
      <dc:creator>Praveen Kumar</dc:creator>
      <pubDate>Wed, 21 Jul 2021 13:04:35 +0000</pubDate>
      <link>https://dev.to/praveenscience/user-interface-for-a-certificate-generation-validation-34a0</link>
      <guid>https://dev.to/praveenscience/user-interface-for-a-certificate-generation-validation-34a0</guid>
      <description>&lt;p&gt;Hey folks! A lot of us are excited for awesome certificates right? Shall we do something together? 👋🏻&lt;/p&gt;

&lt;p&gt;How about we, yes we all, create a User Interface for a Certificate Generation &amp;amp; Validation? 🤘🏻&lt;/p&gt;

&lt;p&gt;Join me this Saturday for a Live Workshop on creating the best User Interface and User Experience for those who are going to claim their certificates! 🔥&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--cglZrGwI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://i.imgur.com/1Hvl1uz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--cglZrGwI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://i.imgur.com/1Hvl1uz.png" alt=""&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you're interested, don't wait, &lt;a href="https://rb.gy/08n7u5"&gt;register here&lt;/a&gt; for an exciting stuff! 🔥&lt;/p&gt;

</description>
      <category>frontend</category>
      <category>html</category>
      <category>css</category>
      <category>react</category>
    </item>
    <item>
      <title>Automating your Web Profile using React JS</title>
      <dc:creator>Praveen Kumar</dc:creator>
      <pubDate>Wed, 30 Jun 2021 11:16:42 +0000</pubDate>
      <link>https://dev.to/praveenscience/automating-your-web-profile-using-react-js-38k2</link>
      <guid>https://dev.to/praveenscience/automating-your-web-profile-using-react-js-38k2</guid>
      <description>&lt;p&gt;As a Lazy Developer, I used to feel that we’re writing too much code, but getting only peanuts in terms of output. Why not we change this by automating a lot of things? Welcome to the world of scripting &amp;amp; automating based on data. 🔥&lt;/p&gt;

&lt;p&gt;Today, we’re going to look at how we can automate a Personal Portfolio data. The first thing is that we need to capture the contents of the person, then we need to use some mapping techniques to create HTML &amp;amp; CSS out of it. ⚙&lt;/p&gt;

&lt;p&gt;To do this, we’re going to create a React JS based User Interface and this is going to generate a JSON data based on the forms that we fill in. This JSON data will be used to convert the data into a beautiful website that you can flaunt! 😁&lt;/p&gt;




&lt;p&gt;Haven’t you got much time to spend? ⏰ No worries, check out this one-minute trailer here:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://youtu.be/6FNWuWY76vY"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--AVMrN79Y--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://i.imgur.com/282kvqhl.png" alt="Trailer"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Or, if you’re interested in the full workshop, the primer of the series, check this out. Wait for more, BTW! 🔥&lt;/p&gt;

&lt;p&gt;&lt;a href="https://rb.gy/tnmysh"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--AVMrN79Y--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://i.imgur.com/282kvqhl.png" alt="Full Picture"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>react</category>
      <category>javascript</category>
      <category>html</category>
      <category>css</category>
    </item>
    <item>
      <title>30 Days of React JS: Solving 30 Problems in 30 Days!</title>
      <dc:creator>Praveen Kumar</dc:creator>
      <pubDate>Sun, 27 Jun 2021 04:54:12 +0000</pubDate>
      <link>https://dev.to/praveenscience/30-days-of-react-js-solving-30-problems-in-30-days-1pjc</link>
      <guid>https://dev.to/praveenscience/30-days-of-react-js-solving-30-problems-in-30-days-1pjc</guid>
      <description>&lt;p&gt;Welcome to the World of JavaScript! This is the age of JavaScript. JavaScript is everywhere in the Full Stack. I am planning to solve a couple of problems that I faced in my work and other places. Let's try solving 30 crazy problems I had in the next 30 days, starting from Feb 14th! Also, &lt;a href="https://github.com/eddiejaoude" rel="noopener noreferrer"&gt;Eddie Jaoude&lt;/a&gt; (one of the very few GitHub Stars in this entire Milky Way Galaxy) is going to do the honours of kick-starting this event!&lt;/p&gt;

&lt;p&gt;Here's a Pilot that explains why and when:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://rb.gy/vmw5dr" rel="noopener noreferrer"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi.imgur.com%2FKXEPKc9h.png" alt="Trailer"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Episodes
&lt;/h2&gt;

&lt;p&gt;Here are the current topics that we are covering. They are completely diverse, but some are interconnected (i.e., you have to have watched the previous episode so that you can understand better).&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/s0cc3p" rel="noopener noreferrer"&gt;Intro to JSX&lt;/a&gt; by &lt;a href="https://linkedin.com/in/dolly-jain05" rel="noopener noreferrer"&gt;Dolly Jain&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/l2eu2j" rel="noopener noreferrer"&gt;Componentising your React App&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/pooja-singh12" rel="noopener noreferrer"&gt;Pooja Singh&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/mbidmc" rel="noopener noreferrer"&gt;States &amp;amp; Props of Components&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/tanya-taneja-a88465196/" rel="noopener noreferrer"&gt;Tanya Taneja&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/vqiqyd" rel="noopener noreferrer"&gt;A Simple Connected Component&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/nikita-raghuwanshi-933233203/" rel="noopener noreferrer"&gt;Nikita Raghuwanshi&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/neniq4" rel="noopener noreferrer"&gt;Customising the Branding Part of your App&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/sonali-bedade-0519071ab/" rel="noopener noreferrer"&gt;Sonali Bedade&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/p4sbc1" rel="noopener noreferrer"&gt;Changing your Favicon RealTime&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/shriya-madan-5b1283167" rel="noopener noreferrer"&gt;Shriya Madan&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/akyl9s" rel="noopener noreferrer"&gt;Bootstrap CSS Header Component&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/sohini-pattanayak-259b92117/" rel="noopener noreferrer"&gt;Sohini Pattanayak&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/kh4e6p" rel="noopener noreferrer"&gt;Interactively Theming the Header Component&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/tanya-taneja-a88465196/" rel="noopener noreferrer"&gt;Tanya Taneja&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/rnyw0e" rel="noopener noreferrer"&gt;Fetching External Data Using AJAX&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/shivamjoker/" rel="noopener noreferrer"&gt;Shivam Veer Singh&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/yp6vuf" rel="noopener noreferrer"&gt;Fetching External Data with Axios&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/dey-ayonika/" rel="noopener noreferrer"&gt;Ayonika Dey&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/giin3y" rel="noopener noreferrer"&gt;Converting States into Hooks&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/sonali-bedade-0519071ab/" rel="noopener noreferrer"&gt;Sonali Bedade&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/wqwcpl" rel="noopener noreferrer"&gt;Discord Emoji Hover Effect&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/kirthana-s/" rel="noopener noreferrer"&gt;Kirthana Subramaniam&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/vole5k" rel="noopener noreferrer"&gt;Layout for 30 Days of React&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/shilpa-khelge-74a630139/" rel="noopener noreferrer"&gt;Shilpa Khelge&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/5hn1i1" rel="noopener noreferrer"&gt;GitHub JSON to 30 DoR Layout&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/shivanigangadharan/" rel="noopener noreferrer"&gt;Shivani Gangadharan&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/6hr8eh" rel="noopener noreferrer"&gt;Display Posts from Public JSON API&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/riti2409/" rel="noopener noreferrer"&gt;Riti Kumari&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/pmpw50" rel="noopener noreferrer"&gt;React Router for Multiple Page Apps&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/akhil-rudrawar-b17423192/" rel="noopener noreferrer"&gt;Akhil Rudrawar&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/3t0x2b" rel="noopener noreferrer"&gt;Deploying React &amp;amp; Router using GH Pages&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/shriya-chadha30/" rel="noopener noreferrer"&gt;Shriya Chadha&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/gtddii" rel="noopener noreferrer"&gt;Really Making Deployment using GH Pages&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/shriya-chadha30/" rel="noopener noreferrer"&gt;Shriya Chadha&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/tclx9s" rel="noopener noreferrer"&gt;Create a Responsive Carousel&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/riti2409/" rel="noopener noreferrer"&gt;Riti Kumari&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/soddqq" rel="noopener noreferrer"&gt;Basic Web page with Kotlin and React&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/khushi-sharma-2201/" rel="noopener noreferrer"&gt;Khushi Sharma&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/fmnpho" rel="noopener noreferrer"&gt;Build LinkTree App using React JS&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/vismita-prabhu-3b3b381a4/" rel="noopener noreferrer"&gt;Vismita Prabhu&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/ygjbnp" rel="noopener noreferrer"&gt;Finish LinkTree App using React JS&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/vismita-prabhu-3b3b381a4/" rel="noopener noreferrer"&gt;Vismita Prabhu&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/xmuhpk" rel="noopener noreferrer"&gt;React JS using TypeScript&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/vinayak-nirvani-6b074a33/" rel="noopener noreferrer"&gt;Vinayak Nirvani&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/gnsqwm" rel="noopener noreferrer"&gt;Redux using TypeScript&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/vinayak-nirvani-6b074a33/" rel="noopener noreferrer"&gt;Vinayak Nirvani&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://rb.gy/xqekyo" rel="noopener noreferrer"&gt;Generics in TypeScript&lt;/a&gt; by &lt;a href="https://www.linkedin.com/in/vinayak-nirvani-6b074a33/" rel="noopener noreferrer"&gt;Vinayak Nirvani&lt;/a&gt;
&lt;/li&gt;
&lt;/ol&gt;

</description>
      <category>react</category>
      <category>javascript</category>
      <category>node</category>
      <category>praveenscience</category>
    </item>
    <item>
      <title>Primer to Games using React JS!</title>
      <dc:creator>Praveen Kumar</dc:creator>
      <pubDate>Sun, 27 Jun 2021 04:45:59 +0000</pubDate>
      <link>https://dev.to/praveenscience/primer-to-games-using-react-js-3p70</link>
      <guid>https://dev.to/praveenscience/primer-to-games-using-react-js-3p70</guid>
      <description>&lt;p&gt;Let's create an Escape Room adventure!&lt;/p&gt;

&lt;p&gt;Games are awesome. How about coding games? Puzzle games? Virtual Escape Room Puzzle game? I love them. Here I'll be doing in Live, how we can make an escape room puzzle game with the features like:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Quizzes&lt;/li&gt;
&lt;li&gt;Hidden Objects&lt;/li&gt;
&lt;li&gt;Colour Changers&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;All using React and you need to solve them to solve the game.&lt;/p&gt;

&lt;p&gt;Here's the trailer within one and a half minutes:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://youtu.be/vV-cRVu0BGY"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--BYIfowWe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://i.imgur.com/6gYnjhd.jpg" alt="Trailer"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;And here comes the main picture:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://youtu.be/NNieNlYMS0o"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--BYIfowWe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://i.imgur.com/6gYnjhd.jpg" alt="Main Picture"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>react</category>
      <category>javascript</category>
      <category>node</category>
      <category>praveenscience</category>
    </item>
  </channel>
</rss>
