<?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: Mrigank Bhardwaj</title>
    <description>The latest articles on DEV Community by Mrigank Bhardwaj (@mrigank_bhardwaj1304).</description>
    <link>https://dev.to/mrigank_bhardwaj1304</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%2F1834360%2Fd2898af4-f5ec-4e6d-8167-0a975ec5977e.jpg</url>
      <title>DEV Community: Mrigank Bhardwaj</title>
      <link>https://dev.to/mrigank_bhardwaj1304</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/mrigank_bhardwaj1304"/>
    <language>en</language>
    <item>
      <title>🧑‍💻FREECODECAMP FORUM LEADERBOARD</title>
      <dc:creator>Mrigank Bhardwaj</dc:creator>
      <pubDate>Wed, 31 Jul 2024 00:58:49 +0000</pubDate>
      <link>https://dev.to/mrigank_bhardwaj1304/freecodecamp-forum-leaderboard-2cm4</link>
      <guid>https://dev.to/mrigank_bhardwaj1304/freecodecamp-forum-leaderboard-2cm4</guid>
      <description>&lt;p&gt;I have completed the "Learn Asynchronous Programming by Building a freeCodeCamp Forum Leaderboard" project.&lt;br&gt;
⭐This project helped me gain proficiency in asynchronous concepts of JavaScript.&lt;br&gt;
➡️I coded my own freeCodeCamp forum leaderboard, covering topics :&lt;br&gt;
🎓Fetch API&lt;br&gt;
🎓Promises&lt;br&gt;
🎓Async/Await&lt;br&gt;
🎓try..catch statement&lt;/p&gt;

&lt;p&gt;🔶 In this freeCodeCamp Forum leaderboard, you will see:&lt;br&gt;
🔸 Topics&lt;br&gt;
🔸 Category of the topic&lt;br&gt;
🔸 Avatars of the people working on the topic&lt;br&gt;
🔸 Number of replies on the topic&lt;br&gt;
🔸 Total number of views on the topic&lt;br&gt;
🔸 When the last activity was done on the topic&lt;/p&gt;

&lt;p&gt;This project provides a comprehensive overview of the forum's activity and engagement.&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>programming</category>
      <category>react</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Creating an Interactive Authors Directory: Fetching Data, Pagination, and DOM Updates</title>
      <dc:creator>Mrigank Bhardwaj</dc:creator>
      <pubDate>Thu, 25 Jul 2024 13:37:12 +0000</pubDate>
      <link>https://dev.to/mrigank_bhardwaj1304/creating-an-interactive-authors-directory-fetching-data-pagination-and-dom-updates-3ol6</link>
      <guid>https://dev.to/mrigank_bhardwaj1304/creating-an-interactive-authors-directory-fetching-data-pagination-and-dom-updates-3ol6</guid>
      <description>&lt;p&gt;🚀 Excited to share my latest project! 🚀&lt;br&gt;
I've built a dynamic Authors Page that showcases author names, images, bios, and personal website links. Here's a quick rundown of what I've accomplished:&lt;br&gt;
🔹 Fetched Data from API: Seamlessly retrieved author data from an API.&lt;br&gt;
🔹 Dynamic DOM Updates: Successfully appended the fetched data to the DOM.&lt;br&gt;
🔹 Pagination: Displayed 8 authors per page and implemented pagination to navigate through the rest. Once you reach the end, the button updates to "No more data to load," and the cursor changes to "not-allowed."&lt;br&gt;
🔹 Bio Limiting: For authors with lengthy bios, I've set a 50-word limit, followed by "(...)" if the bio exceeds this limit.&lt;/p&gt;

&lt;p&gt;✨ Key Takeaways:&lt;br&gt;
1️⃣ Fetching and displaying data from an API.&lt;br&gt;
2️⃣ Dynamically updating the DOM.&lt;br&gt;
3️⃣ Implementing pagination for better user navigation.&lt;br&gt;
4️⃣ Handling long bios with a word limit.&lt;br&gt;
5️⃣ Displaying user-friendly error messages.&lt;br&gt;
Check it out and let me know what you think! Your feedback and connections are always welcome.&lt;br&gt;
To see the video of my project &lt;a href="https://www.linkedin.com/feed/update/urn:li:activity:7222231472550604800/" rel="noopener noreferrer"&gt;CLICK HERE&lt;/a&gt;&lt;br&gt;
👍 Don't forget to like and subscribe!&lt;br&gt;
 #learningjourney #FullStackDevelopment&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>beginners</category>
      <category>fullstack</category>
      <category>api</category>
    </item>
    <item>
      <title>Reviewed Algorithmic Thinking by Building a Dice 🎲 Game</title>
      <dc:creator>Mrigank Bhardwaj</dc:creator>
      <pubDate>Wed, 24 Jul 2024 17:54:54 +0000</pubDate>
      <link>https://dev.to/mrigank_bhardwaj1304/reviewed-algorithmic-thinking-by-building-a-dice-game-ln2</link>
      <guid>https://dev.to/mrigank_bhardwaj1304/reviewed-algorithmic-thinking-by-building-a-dice-game-ln2</guid>
      <description>&lt;p&gt;Hello folks, I am Mrigank Bhardwaj, and I am new to this platform. I am an aspiring full stack developer who enjoys sharing my learning journey and connecting with people who can offer insights on coding and market trends.&lt;br&gt;
Currently, I am excited 🤩 to announce that I have completed 💫 the "Review Algorithmic Thinking by Building a Dice 🎲 Game" project! 💻 In this project, I learned to manage game state, implement game logic for rolling dice 🎲 , keep score 💯 , and apply rules for various combinations.&lt;br&gt;
Key concepts I covered include:&lt;br&gt;
🌟 &lt;strong&gt;Event Handling&lt;/strong&gt;&lt;br&gt;
🌟 &lt;strong&gt;Array Manipulation&lt;/strong&gt;&lt;br&gt;
🌟 &lt;strong&gt;Conditional Logic&lt;/strong&gt;&lt;br&gt;
🌟 Dynamically Updating the &lt;strong&gt;User Interface&lt;/strong&gt; Based on Game State&lt;br&gt;
Please &lt;strong&gt;like and follow me&lt;/strong&gt; for more updates on my learning journey and projects!&lt;br&gt;
Let's Connect on Linkedin &lt;a href="https://www.linkedin.com/in/mrigankbhardwaj/" rel="noopener noreferrer"&gt;Mrigank Bhardwaj&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>beginners</category>
      <category>fullstack</category>
    </item>
  </channel>
</rss>
