<?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: Hemang Yadav</title>
    <description>The latest articles on DEV Community by Hemang Yadav (@zemerik).</description>
    <link>https://dev.to/zemerik</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%2F1150698%2F9423f245-83a6-4cd4-a302-aa1fc160bad1.jpg</url>
      <title>DEV Community: Hemang Yadav</title>
      <link>https://dev.to/zemerik</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/zemerik"/>
    <language>en</language>
    <item>
      <title>30 Days of Python: From Zero to Python Pro</title>
      <dc:creator>Hemang Yadav</dc:creator>
      <pubDate>Sat, 15 Mar 2025 11:20:12 +0000</pubDate>
      <link>https://dev.to/zemerik/30-days-of-python-from-zero-to-python-pro-pbj</link>
      <guid>https://dev.to/zemerik/30-days-of-python-from-zero-to-python-pro-pbj</guid>
      <description>&lt;p&gt;&lt;a href="https://www.python.org/" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fimg.shields.io%2Fbadge%2FPython-3776AB%3Fstyle%3Dfor-the-badge%26logo%3Dpython%26logoColor%3Dwhite" alt="Python Logo" width="97" height="28"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I'm excited to share my ongoing Python learning journey with the developer community! I've created a &lt;strong&gt;&lt;a href="https://github.com/Zemerik/Python" rel="noopener noreferrer"&gt;30-Day Python Learning Repository&lt;/a&gt;&lt;/strong&gt; that serves as both my personal progress tracker and a resource for others who want to systematically learn Python programming. &lt;/p&gt;

&lt;h2&gt;
  
  
  What's Inside the Repository?
&lt;/h2&gt;

&lt;p&gt;This carefully structured resource is designed to help beginners build Python skills progressively while giving intermediate learners a great way to review fundamentals. Here's what makes this repository special:&lt;/p&gt;

&lt;h3&gt;
  
  
  🗓️ Daily Learning Structure
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;30 organized folders following "Day X - Topic" format&lt;/li&gt;
&lt;li&gt;Covers essential Python concepts from basics to advanced topics&lt;/li&gt;
&lt;li&gt;Logical progression that builds on previous knowledge&lt;/li&gt;
&lt;li&gt;Example topics:

&lt;ul&gt;
&lt;li&gt;Day 1: Python Basics&lt;/li&gt;
&lt;li&gt;Day 5: Functions&lt;/li&gt;
&lt;li&gt;Day 15: Decorators&lt;/li&gt;
&lt;li&gt;Day 25: Web Scrapping&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;/ul&gt;

&lt;h3&gt;
  
  
  📚 Curated Learning Materials
&lt;/h3&gt;

&lt;p&gt;Each daily folder contains:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;README.md&lt;/strong&gt; with:

&lt;ul&gt;
&lt;li&gt;📌 &lt;strong&gt;What You'll Learn&lt;/strong&gt; - Clear learning objectives&lt;/li&gt;
&lt;li&gt;📂 &lt;strong&gt;Files&lt;/strong&gt; - Code examples and practice templates&lt;/li&gt;
&lt;li&gt;🏋️ &lt;strong&gt;Exercises&lt;/strong&gt; - Challenging problems with solutions&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;Cleanly organized code samples&lt;/li&gt;

&lt;li&gt;Progressive difficulty in exercises&lt;/li&gt;

&lt;li&gt;Real-world application examples&lt;/li&gt;

&lt;/ul&gt;

&lt;h3&gt;
  
  
  🚀 Key Features
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Beginner-Friendly&lt;/strong&gt; - Starts from absolute basics&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Hands-On Approach&lt;/strong&gt; - Learn by doing with practical exercises&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Transparent Progress&lt;/strong&gt; - Watch skills develop day-by-day&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Community Learning&lt;/strong&gt; - Open for contributions and suggestions&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Self-Paced&lt;/strong&gt; - Suitable for busy schedules&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Why This Repository Stands Out
&lt;/h2&gt;

&lt;p&gt;✅ &lt;strong&gt;Structured Learning Path&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
No more jumping between random tutorials! The daily format provides a clear roadmap for mastering Python fundamentals.&lt;/p&gt;

&lt;p&gt;✅ &lt;strong&gt;Practice-Centric Design&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
Each day includes practical exercises that reinforce theoretical concepts, helping transform knowledge into real coding skills.&lt;/p&gt;

&lt;p&gt;✅ &lt;strong&gt;Open Source Collaboration&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
Learners can:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Compare solutions with others&lt;/li&gt;
&lt;li&gt;Suggest alternative approaches&lt;/li&gt;
&lt;li&gt;Improve documentation&lt;/li&gt;
&lt;li&gt;Add new exercise problems&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;✅ &lt;strong&gt;Progress Tracking&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
The day-by-day structure makes it easy to:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Visualize your learning journey&lt;/li&gt;
&lt;li&gt;Review previous concepts&lt;/li&gt;
&lt;li&gt;Measure skill development over time&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  How to Use This Repository
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Clone the repository&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
&lt;code&gt;git clone https://github.com/Zemerik/Python.git&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Navigate to the current day&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
&lt;code&gt;cd Python/"Day X - Topic"&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Start learning!&lt;/strong&gt;  &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Read the README.md for objectives&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Study the code examples&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Complete the exercises&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Check your solutions against provided answers&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Join the Learning Movement!
&lt;/h2&gt;

&lt;p&gt;I invite you to:&lt;br&gt;
🌟 &lt;strong&gt;Star the repository&lt;/strong&gt; to track your progress&lt;br&gt;&lt;br&gt;
💻 &lt;strong&gt;Fork the repo&lt;/strong&gt; and add your own solutions&lt;br&gt;&lt;br&gt;
📣 &lt;strong&gt;Share&lt;/strong&gt; with friends who want to learn Python&lt;br&gt;&lt;br&gt;
💡 &lt;strong&gt;Contribute&lt;/strong&gt; new exercises or improve existing content&lt;/p&gt;

&lt;p&gt;This is more than just a GitHub repository - it's a growing community of Python enthusiasts helping each other level up their programming skills!&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Let's code together!&lt;/strong&gt; 🐍&lt;/p&gt;

&lt;p&gt;👉 &lt;a href="https://github.com/Zemerik/Python" rel="noopener noreferrer"&gt;Access the Repository Here&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Follow my coding journey on &lt;a href="https://x.com/Zemerik_X" rel="noopener noreferrer"&gt;Twitter&lt;/a&gt; | Connect on &lt;a href="https://linkedin.com/in/zemerik" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt; | Join my &lt;a href="https://discord.gg/e7HcQWAmRJ" rel="noopener noreferrer"&gt;Discord Server&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

</description>
      <category>python</category>
      <category>opensource</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>Building your Portfolio in 2025</title>
      <dc:creator>Hemang Yadav</dc:creator>
      <pubDate>Fri, 29 Nov 2024 02:27:26 +0000</pubDate>
      <link>https://dev.to/zemerik/building-your-portfolio-in-2025-218e</link>
      <guid>https://dev.to/zemerik/building-your-portfolio-in-2025-218e</guid>
      <description>&lt;h2&gt;
  
  
  Introduction
&lt;/h2&gt;

&lt;p&gt;Whether you are a school going student or a freelancer, having a personal portfolio is extremely important and starting to become a standard in the developer community.&lt;/p&gt;

&lt;p&gt;For those who don’t have enough time to create a portfolio from scratch, I have a SOLUTION for all of you!&lt;/p&gt;

&lt;p&gt;Over the past few weeks, I have been working on creating an easy to use Portfolio Template for all developers out there. In this blog, I would give you step by step instructions on how to customize it.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/Zemerik/Portfolio-Template" rel="noopener noreferrer"&gt;https://github.com/Zemerik/Portfolio-Template&lt;/a&gt;&lt;/p&gt;

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

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Customizable Sections&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Responsive Design&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Social Media Integration&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;SEO Optimization&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Easy Setup&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Personal Branding&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  How to Install?
&lt;/h2&gt;

&lt;h5&gt;
  
  
  1. Make a copy of the Repository on your machine through git:
&lt;/h5&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git clone https://github.com/Zemerik/Portfolio-Template.git &lt;span class="o"&gt;&amp;amp;&amp;amp;&lt;/span&gt; &lt;span class="nb"&gt;cd &lt;/span&gt;Portfolio-Template
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h5&gt;
  
  
  2. Customize the Portfolio to your choice. If you are stuck, refer to table and instructions below:
&lt;/h5&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Section&lt;/th&gt;
&lt;th&gt;File&lt;/th&gt;
&lt;th&gt;Lines&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Navbar&lt;/td&gt;
&lt;td&gt;&lt;code&gt;src/routes/Head.svelte&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;30 - 47&lt;/strong&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Home&lt;/td&gt;
&lt;td&gt;&lt;code&gt;src/routes/+page.svelte&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;27-52&lt;/strong&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;About Me&lt;/td&gt;
&lt;td&gt;&lt;code&gt;src/routes/+page.svelte&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;54 - 99&lt;/strong&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Projects&lt;/td&gt;
&lt;td&gt;&lt;code&gt;src/routes/Work.svelte&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;3 - 28&lt;/strong&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Contact Me&lt;/td&gt;
&lt;td&gt;&lt;code&gt;src/routes/+page.svelte&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;107 - 114&lt;/strong&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Experiences&lt;/td&gt;
&lt;td&gt;&lt;code&gt;src/routes/Experience.svelte&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;27-52&lt;/strong&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Footer&lt;/td&gt;
&lt;td&gt;&lt;code&gt;src/routes/Footer.svelte&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;52 - 75&lt;/strong&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;SEO&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;src/routes/+page.svelte&lt;/code&gt; &amp;amp; &lt;code&gt;src/routes/hire/+page.svelte&lt;/code&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;strong&gt;25&lt;/strong&gt; &amp;amp; &lt;strong&gt;6&lt;/strong&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;ul&gt;
&lt;li&gt;Spotify Status
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="p"&gt;1.&lt;/span&gt; Join the Lanyard Discord Server, 
&lt;span class="p"&gt;      -&lt;/span&gt; https://discord.com/invite/UrXF2cfJ7F
&lt;span class="p"&gt;2.&lt;/span&gt; Head over to &lt;span class="sb"&gt;`src/routes/spotify.ts`&lt;/span&gt; and locate line &lt;span class="gs"&gt;**62**&lt;/span&gt;. 
&lt;span class="p"&gt;3.&lt;/span&gt; Remove &lt;span class="ge"&gt;*1018816958587748383*&lt;/span&gt; and paste &lt;span class="gs"&gt;**YOUR DISCORD ACCOUNT ID**&lt;/span&gt; after &lt;span class="sb"&gt;`/users/`&lt;/span&gt;.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h5&gt;
  
  
  3. Now that you customized the Portfolio with your details, let’s run this locally on our internet to see the output:
&lt;/h5&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm i pnpm &lt;span class="nt"&gt;--force&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;pnpm i
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;pnpm run dev
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h5&gt;
  
  
  4. After you have made your changes, you can host your Portfolio on &lt;a href="https://vercel.com" rel="noopener noreferrer"&gt;Vercel&lt;/a&gt; or on &lt;a href="https://www.netlify.com" rel="noopener noreferrer"&gt;Netlify&lt;/a&gt;
&lt;/h5&gt;

&lt;h2&gt;
  
  
  Screenshots
&lt;/h2&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Ftjvy8r4msxd6nms7o9gq.png" class="article-body-image-wrapper"&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%2Farticles%2Ftjvy8r4msxd6nms7o9gq.png" alt="Phone Screenshot" width="315" height="656"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  Thanks for Reading!
&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/Zemerik/Portfolio-Template" rel="noopener noreferrer"&gt;Repository&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://youtu.be/l-ePe_MJU-s" rel="noopener noreferrer"&gt;Youtube Video&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/Zemerik" rel="noopener noreferrer"&gt;My Github&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://discord.com/invite/UF9KsmuGbr" rel="noopener noreferrer"&gt;Support Server&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>webdev</category>
      <category>opensource</category>
      <category>svelte</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>My Journey with Hacktoberfest 2024</title>
      <dc:creator>Hemang Yadav</dc:creator>
      <pubDate>Fri, 18 Oct 2024 10:55:44 +0000</pubDate>
      <link>https://dev.to/zemerik/my-journey-with-hacktoberfest-2024-nce</link>
      <guid>https://dev.to/zemerik/my-journey-with-hacktoberfest-2024-nce</guid>
      <description>&lt;h2&gt;
  
  
  What is Hacktoberfest?
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;For those who don't know what hacktoberfest is, let me give you a brief overview.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Hacktoberfest is a month long event sponsored by DigitalOcean, Cloudflare, and Quira. The primary function of hacktoberfest is to promote open-source and gather more people to join the community. &lt;/p&gt;

&lt;h2&gt;
  
  
  How did I come across Hacktoberfest?
&lt;/h2&gt;

&lt;p&gt;After starting my Zem - Series Projects this year, I was deeply motivated with open source and wanted to increase my knowledge of Git and Github. I first saw the word "hacktoberfest" through a blog in September this year. I decided to dig deeper into this topic, and learnt more about Hacktoberfest and how I could register. &lt;/p&gt;

&lt;h2&gt;
  
  
  How I completed Hacktoberfest?
&lt;/h2&gt;

&lt;p&gt;Opening my first Pull - Request (PR) took me a little bit more time than assumed due to Hacktoberfest's excluded Repositories. I opened my first PR on the repo below in which I uploaded a cofee machine animation through html and css. &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/you-dont-need/You-Dont-Need-JavaScript/pull/508" rel="noopener noreferrer"&gt;https://github.com/you-dont-need/You-Dont-Need-JavaScript/pull/508&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I continued to contribute to more open source projects and opening as many PR's as I could. You can view my PRs below:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/C0D1NG/Profile/pull/88" rel="noopener noreferrer"&gt;https://github.com/C0D1NG/Profile/pull/88&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/Gyanthakur/Dev_Profiles/pull/147" rel="noopener noreferrer"&gt;https://github.com/Gyanthakur/Dev_Profiles/pull/147&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/abhisek247767/Hello-World/pull/33" rel="noopener noreferrer"&gt;https://github.com/abhisek247767/Hello-World/pull/33&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/rajatuiwebdev/badge-website/pull/86" rel="noopener noreferrer"&gt;https://github.com/rajatuiwebdev/badge-website/pull/86&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/LoginRadius/awesome-login-pages/pull/182" rel="noopener noreferrer"&gt;https://github.com/LoginRadius/awesome-login-pages/pull/182&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;After submitting enough PRs, I waited impatiently for Hacktoberfest's final review which took about almost 7 days for all my PRs. When my final PR was approved, I earned the last and final badge on Holopin to complete my badges. &lt;/p&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Faaemwhwk1f2t6hai3pe2.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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Faaemwhwk1f2t6hai3pe2.png" alt="Badges" width="800" height="251"&gt;&lt;/a&gt;&lt;/p&gt;

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

&lt;p&gt;After hacktoberfest, I now hope to continue contributing to open source projects as well as making my projects beginner friendly for all users to contribute to! &lt;/p&gt;

&lt;p&gt;Hope you found the blog helpful!&lt;br&gt;
Hemang Yadav (Zemerik)&lt;/p&gt;

</description>
      <category>hacktoberfest</category>
      <category>opensource</category>
    </item>
    <item>
      <title>ZemProfiles - v2.0.1 (Prerelease)</title>
      <dc:creator>Hemang Yadav</dc:creator>
      <pubDate>Mon, 19 Aug 2024 14:22:52 +0000</pubDate>
      <link>https://dev.to/zemerik/zemprofiles-v201-prerelease-1mgd</link>
      <guid>https://dev.to/zemerik/zemprofiles-v201-prerelease-1mgd</guid>
      <description>&lt;p&gt;Hey folks, &lt;/p&gt;

&lt;p&gt;On May 6th this year, I released the initial version &lt;code&gt;(v1.0.1)&lt;/code&gt; of &lt;a href="https://github.com/Zemerik/ZemProfiles" rel="noopener noreferrer"&gt;ZemProfiles&lt;/a&gt; which was the first Project of the ZemSeries. ZemProfiles stores different developer's profiles making a digital hub for developers to connect with each other! &lt;/p&gt;

&lt;p&gt;Since then the project has gained 13 stars, 4 forks and 5 contributors. Seeing the positive response from the community, I think it is time to create &lt;code&gt;v2.0.1&lt;/code&gt; of ZemProfiles!!  &lt;/p&gt;

&lt;h2&gt;
  
  
  Key Upgrades:
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Introduction page &lt;/li&gt;
&lt;li&gt;Improved UI&lt;/li&gt;
&lt;li&gt;More customizable and easy to use&lt;/li&gt;
&lt;li&gt;Personalized Search Options&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Current Users:
&lt;/h2&gt;

&lt;p&gt;Users have currently added their profile to ZemProfiles, will &lt;strong&gt;not be required to add it again&lt;/strong&gt;, however, &lt;em&gt;we suggest that you customize your profile a bit more to make it look appealing and stand out&lt;/em&gt;!&lt;/p&gt;

&lt;h2&gt;
  
  
  Tech Stack:
&lt;/h2&gt;

&lt;p&gt;ZemProfiles &lt;code&gt;v2.0.1&lt;/code&gt; has been made using primarily Astro, and Markdown for users to add their profiles. JavaScript frameworks such as ReactJS have been used to give the website a modernized responsive look. &lt;/p&gt;

&lt;h2&gt;
  
  
  Release Date:
&lt;/h2&gt;

&lt;p&gt;ZemProfiles &lt;code&gt;v2.0.1&lt;/code&gt; is likely to be released on &lt;strong&gt;Sunday, 25th August&lt;/strong&gt; along with a Youtube Video and blog!&lt;/p&gt;

&lt;h2&gt;
  
  
  Thanks for Reading!!
&lt;/h2&gt;

</description>
      <category>webdev</category>
      <category>astro</category>
      <category>javascript</category>
      <category>opensource</category>
    </item>
    <item>
      <title>INTRODUCING ZEMPOSTS</title>
      <dc:creator>Hemang Yadav</dc:creator>
      <pubDate>Thu, 18 Jul 2024 09:50:40 +0000</pubDate>
      <link>https://dev.to/zemerik/introducing-zemposts-17nb</link>
      <guid>https://dev.to/zemerik/introducing-zemposts-17nb</guid>
      <description>&lt;h2&gt;
  
  
  ❗ About:
&lt;/h2&gt;

&lt;p&gt;ZemPosts stands as an open-source platform, providing users with the opportunity to write and read blogs seamlessly. This connectivity is fostered through the simple act of publishing one's blog to the platform, thus creating a digital hub where like-minded individuals can engage, collaborate, and share insights within the expansive realm of writing and blogging. With its user-friendly interface and inclusive community ethos, ZemPosts serves as a dynamic space where connections are forged, ideas are exchanged, and creativity thrives.&lt;/p&gt;

&lt;h2&gt;
  
  
  ⭐ Features:
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;📱 Responsive UI Design supported on all devices&lt;/li&gt;
&lt;li&gt;📃 Write Blogs using Markdown&lt;/li&gt;
&lt;li&gt;💖 Read other People's Blogs&lt;/li&gt;
&lt;li&gt;🏆 Open Source&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  🏃‍♂️ Locally Running:
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;1. Make a &lt;code&gt;Copy&lt;/code&gt; of this Repository on your machine by using the following &lt;code&gt;git command&lt;/code&gt; in your terminal:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git clone https://github.com/Zemerik/ZemPosts
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;2. &lt;code&gt;Navigate&lt;/code&gt; into the Project's &lt;code&gt;directory&lt;/code&gt; by entering the following &lt;code&gt;command&lt;/code&gt; in your terminal:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;cd ZemPosts
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;3. &lt;code&gt;Install&lt;/code&gt; the required &lt;code&gt;Dependencies&lt;/code&gt; by using &lt;code&gt;NPM&lt;/code&gt;:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;npm i
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;4. Start the &lt;code&gt;Development Server&lt;/code&gt; through the following &lt;code&gt;command&lt;/code&gt;:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;npm run astro dev
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  🤝 Contributing:
&lt;/h2&gt;

&lt;p&gt;Contributions are always welcome and appreciated! &lt;strong&gt;Kindly visit the &lt;a href="https://github.com/Zemerik/ZemPosts/blob/main/CONTRIBUTING.md" rel="noopener noreferrer"&gt;CONTRIBUTING.md&lt;/a&gt; file for more information&lt;/strong&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Don't Forget to Checkout &lt;a href="https://github.com/Zemerik/ZemProfiles" rel="noopener noreferrer"&gt;ZemProfiles&lt;/a&gt; &amp;amp; &lt;a href="https://github.com/Zemerik/ZemShowcase" rel="noopener noreferrer"&gt;ZemShowcase&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  💁 Support:
&lt;/h2&gt;

&lt;p&gt;For any kind of support or inforrmation, you are free to join our &lt;strong&gt;Discord Server&lt;/strong&gt;,&lt;/p&gt;

&lt;p&gt;&lt;a href="https://discord.gg/UF9KsmuGbr" rel="noopener noreferrer"&gt;&lt;br&gt;
  &lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Finvidget.switchblade.xyz%2FUF9KsmuGbr"&gt;&lt;br&gt;
&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;
  
  
  🥳 Contributors:
&lt;/h2&gt;

&lt;p&gt;Thanks to all Contributors!&lt;/p&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%2Fcontrib.rocks%2Fimage%3Frepo%3DZemerik%2FZemPosts" 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%2Fcontrib.rocks%2Fimage%3Frepo%3DZemerik%2FZemPosts" alt="Contributors"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;
  Thanks for Visiting🙏
&lt;/h1&gt;

&lt;p&gt;
  Don't forget to leave a ⭐
  &lt;br&gt;
  Made with 💖 by &lt;a href="https://github.com/Zemerik" rel="noopener noreferrer"&gt;Hemang Yadav (Zemerik)&lt;/a&gt;
&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>opensource</category>
      <category>astro</category>
      <category>react</category>
    </item>
    <item>
      <title>Awesome GitHub Profile</title>
      <dc:creator>Hemang Yadav</dc:creator>
      <pubDate>Thu, 13 Jun 2024 09:01:56 +0000</pubDate>
      <link>https://dev.to/zemerik/awesome-github-profile-5bc5</link>
      <guid>https://dev.to/zemerik/awesome-github-profile-5bc5</guid>
      <description>&lt;p&gt;This is my Personal Customized GitHub Profile created through markdown and a little bit of HTML. I have different features in this README for different purposes, such as Banner, Dropdown, Socials, Badges, and more!&lt;/p&gt;

&lt;p&gt;The &lt;strong&gt;10&lt;/strong&gt; features of this Profile which I have shown in the video are:&lt;br&gt;
➡️ 1. Banner&lt;br&gt;
➡️ 2. Dropdown&lt;br&gt;
➡️ 3. GIFs&lt;br&gt;
➡️ 4. Github Actions&lt;br&gt;
➡️ 5. Icons&lt;br&gt;
➡️ 6. Stats&lt;br&gt;
➡️ 7. Socials&lt;br&gt;
➡️ 8. Codeblock&lt;br&gt;
➡️ 9. Videos&lt;br&gt;
➡️ 10. Badges&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;You can view my GitHub Profile &lt;a href="https://github.com/Zemerik" rel="noopener noreferrer"&gt;here&lt;/a&gt;. Don't Forget to leave a ⭐. &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;This Video is also uploaded on YouTube, which you can find &lt;a href="https://youtu.be/YoPt46xyJpU" rel="noopener noreferrer"&gt;here&lt;/a&gt;. &lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Thanks for Reading
&lt;/h2&gt;

&lt;h3&gt;
  
  
  🙏 Hopefully you found this post helpful👍
&lt;/h3&gt;

</description>
      <category>github</category>
      <category>markdown</category>
    </item>
    <item>
      <title>INTRODUCING ZEMPROFILES</title>
      <dc:creator>Hemang Yadav</dc:creator>
      <pubDate>Mon, 10 Jun 2024 11:21:59 +0000</pubDate>
      <link>https://dev.to/zemerik/contribute-to-zemprofiles-55f1</link>
      <guid>https://dev.to/zemerik/contribute-to-zemprofiles-55f1</guid>
      <description>&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcxnhoxwfq6rchsjn2lsa.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcxnhoxwfq6rchsjn2lsa.png" alt="Logo" width="791" height="790"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--So1OJPa5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://skillicons.dev/icons%3Fi%3Djavascript%2Ccss%2Chtml%2Creact%2Cnodejs%2Cvscode%2Cvercel%2Cgithub%26perline%3D25" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--So1OJPa5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://skillicons.dev/icons%3Fi%3Djavascript%2Ccss%2Chtml%2Creact%2Cnodejs%2Cvscode%2Cvercel%2Cgithub%26perline%3D25" width="442" height="48"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  ZemProfiles
&lt;/h1&gt;

&lt;p&gt;Discover &amp;amp; Connect with Developers&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvmzn2ksy7djablbafmru.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvmzn2ksy7djablbafmru.png" alt="Screenshot" width="800" height="439"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  ❗About:
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://zemprofiles.vercel.app" rel="noopener noreferrer"&gt;ZemProfiles&lt;/a&gt; stands as an open-source platform, providing users with the opportunity to connect seamlessly with fellow developers. This connectivity is fostered through the simple act of adding one's Profile to the platform, thus creating a digital hub where like-minded individuals can engage, collaborate, and share insights within the expansive realm of software development. With its user-friendly interface and inclusive community ethos, ZemProfiles serves as a dynamic space where connections are forged, ideas are exchanged, and innovation thrives.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://repo-rater.eddiehub.io/rate?owner=Zemerik&amp;amp;name=ZemProfiles" rel="noopener noreferrer"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--TZEl_i4E--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://repo-rater.eddiehub.io/api/badge%3Fowner%3DZemerik%26name%3DZemprofiles" alt="RepoRater" width="128" height="20"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  ⭐ Features:
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;👀 Dark &amp;amp; Light Theme&lt;/li&gt;
&lt;li&gt;📱 Responsive UI Design supported on all devices&lt;/li&gt;
&lt;li&gt;📃 List of all Developers&lt;/li&gt;
&lt;li&gt;🔍 Search Bar&lt;/li&gt;
&lt;li&gt;🏆 Open Source&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;😃 Want to add more features? Open an &lt;a href="https://github.com/Zemerik/Zemprofiles/issues" rel="noopener noreferrer"&gt;Issue&lt;/a&gt; and let us know!      &lt;/p&gt;

&lt;h2&gt;
  
  
  🤝 Contributing:
&lt;/h2&gt;

&lt;p&gt;Contributions are always welcome and appreciated! &lt;strong&gt;Kindly visit the &lt;a href="https://github.com/Zemerik/ZemProfiles/blob/main/CONTRIBUTING.md" rel="noopener noreferrer"&gt;CONTRIBUTING.md&lt;/a&gt; file or the video below for more information&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=Qtm55EaAFPc" rel="noopener noreferrer"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--NI1tx7ov--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://ytcards.demolab.com/%3Fid%3DQtm55EaAFPc%26title%3DHow%2Bto%2Bcontribute%2Bto%2BZemProfiles%253F%26lang%3Den%26timestamp%3D1717596771%26background_color%3D%25230d1117%26title_color%3D%2523ffffff%26stats_color%3D%2523dedede%26max_title_lines%3D1%26width%3D250%26border_radius%3D5%26duration%3D159" title="How to contribute to ZemProfiles?" alt="Youtube Video" width="250" height="220"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  💁 Support:
&lt;/h2&gt;

&lt;p&gt;For any kind of support or inforrmation, you are free to join our &lt;strong&gt;Discord Server&lt;/strong&gt;,&lt;/p&gt;

&lt;p&gt;&lt;a href="https://discord.gg/UF9KsmuGbr" rel="noopener noreferrer"&gt;&lt;br&gt;
  &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--enbaf0eP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://invidget.switchblade.xyz/UF9KsmuGbr" width="430" height="110"&gt;&lt;br&gt;
&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;
  Thanks for Visiting🙏
&lt;/h1&gt;

&lt;p&gt;
  Don't forget to leave a ⭐
  &lt;br&gt;
  Made with 💖 by &lt;a href="https://github.com/Zemerik" rel="noopener noreferrer"&gt;Hemang Yadav (Zemerik)&lt;/a&gt;
&lt;/p&gt;

</description>
      <category>react</category>
      <category>opensource</category>
      <category>webdev</category>
      <category>javascript</category>
    </item>
    <item>
      <title>How to display Latest Blogs on Github Profile?</title>
      <dc:creator>Hemang Yadav</dc:creator>
      <pubDate>Fri, 24 May 2024 12:51:34 +0000</pubDate>
      <link>https://dev.to/zemerik/how-to-display-latest-blogs-on-github-profile-2la5</link>
      <guid>https://dev.to/zemerik/how-to-display-latest-blogs-on-github-profile-2la5</guid>
      <description>&lt;p&gt;In this post, we will create a Workflow which updates our GitHub Profile with out latest Blogs on dev.to. To do this, you will need:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A GitHub Account&lt;/li&gt;
&lt;li&gt;A little of passion&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  LINKS:
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;My GitHub (You can find an example here) - &lt;a href="https://github.com/Zemerik/Zemerik" rel="noopener noreferrer"&gt;https://github.com/Zemerik/Zemerik&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;YouTube Video - &lt;a href="https://youtu.be/As7KgTZOrlE" rel="noopener noreferrer"&gt;https://youtu.be/As7KgTZOrlE&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Source code - &lt;a href="https://gist.github.com/Zemerik/ebb6f6af7c64173adf22aab5cd2c68a7" rel="noopener noreferrer"&gt;https://gist.github.com/Zemerik/ebb6f6af7c64173adf22aab5cd2c68a7&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Support - &lt;a href="https://discord.gg/td5xqmzEcg" rel="noopener noreferrer"&gt;https://discord.gg/td5xqmzEcg&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  1. SET UP README.MD
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;The first step in this process, is to define where we want our blogs. To do that, copy paste the following code in your README.md where you want your blogs:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;!-- BLOG-POST-LIST:START --&amp;gt;
&amp;lt;!-- BLOG-POST-LIST:END --&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;NOTE: Your blogs will be showing in the middle of the two comments. &lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  2. WORKFLOW
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;The next step in this process is to create a workflow to update our README. &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Create a &lt;code&gt;blog-post-workflow.yml&lt;/code&gt; file in the &lt;code&gt;.github/workflows/&lt;/code&gt; directory. Ensure your directory has no typo's!&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;We now need to write the workflow in the file which we created. Copy paste the code below into that file:&lt;br&gt;
&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight yaml"&gt;&lt;code&gt;&lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;📚Blogs&lt;/span&gt;
&lt;span class="na"&gt;on&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt;
  &lt;span class="na"&gt;schedule&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt;
    &lt;span class="c1"&gt;# Runs every hour&lt;/span&gt;
    &lt;span class="pi"&gt;-&lt;/span&gt; &lt;span class="na"&gt;cron&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s1"&gt;'&lt;/span&gt;&lt;span class="s"&gt;0&lt;/span&gt;&lt;span class="nv"&gt; &lt;/span&gt;&lt;span class="s"&gt;*&lt;/span&gt;&lt;span class="nv"&gt; &lt;/span&gt;&lt;span class="s"&gt;*&lt;/span&gt;&lt;span class="nv"&gt; &lt;/span&gt;&lt;span class="s"&gt;*&lt;/span&gt;&lt;span class="nv"&gt; &lt;/span&gt;&lt;span class="s"&gt;*'&lt;/span&gt;
  &lt;span class="na"&gt;workflow_dispatch&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt;

&lt;span class="na"&gt;jobs&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt;
  &lt;span class="na"&gt;update-readme-with-blog&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt;
    &lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;✅Update with latest Blogs&lt;/span&gt;
    &lt;span class="na"&gt;runs-on&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;ubuntu-latest&lt;/span&gt;
    &lt;span class="na"&gt;steps&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt;
      &lt;span class="pi"&gt;-&lt;/span&gt; &lt;span class="na"&gt;uses&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;actions/checkout@v2&lt;/span&gt;
      &lt;span class="pi"&gt;-&lt;/span&gt; &lt;span class="na"&gt;uses&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;gautamkrishnar/blog-post-workflow@master&lt;/span&gt;
        &lt;span class="na"&gt;with&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt;
          &lt;span class="na"&gt;max_post_count&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s2"&gt;"&lt;/span&gt;&lt;span class="s"&gt;4"&lt;/span&gt;
          &lt;span class="na"&gt;feed_list&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s2"&gt;"&lt;/span&gt;&lt;span class="s"&gt;https://dev.to/feed/YOUR&lt;/span&gt;&lt;span class="nv"&gt; &lt;/span&gt;&lt;span class="s"&gt;DEV.TO&lt;/span&gt;&lt;span class="nv"&gt; &lt;/span&gt;&lt;span class="s"&gt;USERNAME&lt;/span&gt;&lt;span class="nv"&gt; &lt;/span&gt;&lt;span class="s"&gt;HERE"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Remember to add your Dev.to username at the end of the URL on the last line&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  3. ACTIONS SETTINGS:
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Head over to the Settings tap located at the top. &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frmw929mviuz1s9nuawkz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frmw929mviuz1s9nuawkz.png" alt="Settings Tab" width="718" height="56"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Navigate your way to &lt;code&gt;Actions &amp;gt; General&lt;/code&gt; Tab from the left. &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6e22us1yyyl9g0ht9ynb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6e22us1yyyl9g0ht9ynb.png" alt="Actions Settings" width="340" height="791"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Ensure that your settings match the settings below&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcfxv5xqzfm2lsoyl80ef.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcfxv5xqzfm2lsoyl80ef.png" alt="Setting 1" width="800" height="301"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgmiv9z6cgx3xfvl27jg3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgmiv9z6cgx3xfvl27jg3.png" alt="Setting 2" width="800" height="283"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4d6y4dt8beuscxquvo4u.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4d6y4dt8beuscxquvo4u.png" alt="Setting" width="800" height="309"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  4. EXECUTING:
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Finally, we are ready to run our workflow. To do so, first head over to the &lt;code&gt;Actions&lt;/code&gt; tab on the top&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5agnz6fwgslwdzem7nmi.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5agnz6fwgslwdzem7nmi.png" alt="Actions Tab" width="731" height="55"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Select &lt;code&gt;📚Blogs&lt;/code&gt; from the menu on the left. &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyyfxjzjem2hehxqlm1x7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyyfxjzjem2hehxqlm1x7.png" alt="Blogs Tab" width="302" height="445"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Click on the &lt;code&gt;Run workflow&lt;/code&gt; dropdown, and click the &lt;code&gt;Run workflow&lt;/code&gt; button. &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkn4tmfsjuppky3rv7e8z.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkn4tmfsjuppky3rv7e8z.png" alt="Run Workflow" width="800" height="133"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  YOUR README SHOULD NOW HAVE BEEN UPDATED WITH YOUR LATEST BLOGS
&lt;/h3&gt;

&lt;h2&gt;
  
  
  SUMMARY:
&lt;/h2&gt;

&lt;p&gt;In this blog, we successfully created and executed a workflow to update our Github Profile's README with our latest blogs on Dev.to. For any kind of support, you can refer to the &lt;code&gt;Links&lt;/code&gt; section at the top. &lt;/p&gt;

&lt;h3&gt;
  
  
  THANKS FOR READING. HOPEFULLY YOU FOUND THIS BLOG HELPFUL!!!
&lt;/h3&gt;

</description>
      <category>github</category>
      <category>devto</category>
    </item>
    <item>
      <title>Basic Markdown</title>
      <dc:creator>Hemang Yadav</dc:creator>
      <pubDate>Thu, 16 May 2024 08:56:39 +0000</pubDate>
      <link>https://dev.to/zemerik/basic-markdown-2jel</link>
      <guid>https://dev.to/zemerik/basic-markdown-2jel</guid>
      <description>&lt;p&gt;Markdown is extremely important, especially when contributing to open source. It is used by a variety of sites such as Github for README's, Issues, Pull-Requests, etc. &lt;/p&gt;

&lt;p&gt;In this post, I will explain some basic markdown syntaxes such as &lt;strong&gt;adding images&lt;/strong&gt;, &lt;strong&gt;notes/tips/warning&lt;/strong&gt;, &lt;strong&gt;checklists&lt;/strong&gt;, etc. &lt;/p&gt;

&lt;h2&gt;
  
  
  HEADINGS:
&lt;/h2&gt;

&lt;h3&gt;
  
  
  TOPIC
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="gh"&gt;# TITLE HERE&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  SUB-TOPIC:
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="gu"&gt;## SUB-TOPIC HERE&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  SUB-SUB-TOPIC:
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="gu"&gt;### SUB-SUB-TOPIC HERE&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  TEXT FORMAT:
&lt;/h2&gt;

&lt;h3&gt;
  
  
  BOLD:
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="gs"&gt;**BOLD TEXT HERE**&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  ITALIC:
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="ge"&gt;*ITALIC TEXT HERE*&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  UNDERLINE:
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;u&amp;gt;&lt;/span&gt;UNDERLINE TEXT HERE&lt;span class="nt"&gt;&amp;lt;/u&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  HYPERLINK:
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="nv"&gt;HYPERLINK TEXT HERE&lt;/span&gt;&lt;span class="p"&gt;](&lt;/span&gt;&lt;span class="sx"&gt;LINK&lt;/span&gt; HERE)
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  IMAGE:
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="p"&gt;![&lt;/span&gt;&lt;span class="nv"&gt;IMAGE DESCRIPTION HERE&lt;/span&gt;&lt;span class="p"&gt;](&lt;/span&gt;&lt;span class="sx"&gt;IMAGE&lt;/span&gt; DIRECTORY HERE)
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  DROPDOWN:
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;details&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;summary&amp;gt;&lt;/span&gt;
DROPDOWN TEXT HERE
&lt;span class="nt"&gt;&amp;lt;/summary&amp;gt;&lt;/span&gt;

DROPDOWN CONTENT HERE

&lt;span class="nt"&gt;&amp;lt;/details&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  IMPORTANT MESSAGES:
&lt;/h2&gt;

&lt;h3&gt;
  
  
  TIP:
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="gt"&gt;&amp;gt; [!TIP]&lt;/span&gt;
&lt;span class="gt"&gt;&amp;gt; TIP CONTENT HERE&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  WARNING:
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="gt"&gt;&amp;gt; [!WARNING]&lt;/span&gt;
&lt;span class="gt"&gt;&amp;gt; WARNING CONTENT HERE&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  IMPORTANT:
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="gt"&gt;&amp;gt; [!IMPORTANT]&lt;/span&gt;
&lt;span class="gt"&gt;&amp;gt; IMPORANT CONTENT HERE&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  NOTE:
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="gt"&gt;&amp;gt; [!NOTE]&lt;/span&gt;
&lt;span class="gt"&gt;&amp;gt; NOTE CONTENT HERE&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Thanks for reading
&lt;/h2&gt;

&lt;p&gt;Hopefully you have found this blog helpful!!&lt;/p&gt;

</description>
      <category>github</category>
      <category>markdown</category>
    </item>
    <item>
      <title>Contribute to ZemProfiles!</title>
      <dc:creator>Hemang Yadav</dc:creator>
      <pubDate>Tue, 07 May 2024 10:33:23 +0000</pubDate>
      <link>https://dev.to/zemerik/contribute-to-zemprofiles-16on</link>
      <guid>https://dev.to/zemerik/contribute-to-zemprofiles-16on</guid>
      <description>&lt;p&gt;&lt;a href="https://github.com/Zemerik/ZemProfiles" rel="noopener noreferrer"&gt;&lt;br&gt;
&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--dasJWzxf--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://github-readme-stats.vercel.app/api/pin/%3Fusername%3Dzemerik%26repo%3DZemProfiles%26show_icons%3Dtrue%26theme%3Dcobalt" width="400" height="120"&gt;&lt;br&gt;
&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--So1OJPa5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://skillicons.dev/icons%3Fi%3Djavascript%2Ccss%2Chtml%2Creact%2Cnodejs%2Cvscode%2Cvercel%2Cgithub%26perline%3D25" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--So1OJPa5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://skillicons.dev/icons%3Fi%3Djavascript%2Ccss%2Chtml%2Creact%2Cnodejs%2Cvscode%2Cvercel%2Cgithub%26perline%3D25" alt="Tech Stack" width="442" height="48"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  ❗About:
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://zemprofiles.verce.app" rel="noopener noreferrer"&gt;ZemProfiles&lt;/a&gt; stands as an open-source platform, providing users with the opportunity to connect seamlessly with fellow developers. This connectivity is fostered through the simple act of adding one's Profile to the platform, thus creating a digital hub where like-minded individuals can engage, collaborate, and share insights within the expansive realm of software development. With its user-friendly interface and inclusive community ethos, ZemProfiles serves as a dynamic space where connections are forged, ideas are exchanged, and innovation thrives.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://zemprofiles.vercel.app" rel="noopener noreferrer"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fl1f1teo2vh91yxokgnmy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fl1f1teo2vh91yxokgnmy.png" alt="Screenshot" width="800" height="385"&gt;&lt;/a&gt;&lt;/p&gt;



&lt;h2&gt;
  
  
  🤝 Contributing:
&lt;/h2&gt;

&lt;p&gt;Contributions are always welcome and can be done through &lt;a href="https://github.com/Zemerik/ZemProfiles" rel="noopener noreferrer"&gt;Github&lt;/a&gt;! &lt;strong&gt;Kindly visit the &lt;a href="https://github.com/Zemerik/ZemProfiles/blob/main/CONTRIBUTING.md" rel="noopener noreferrer"&gt;CONTRIBUTING.md&lt;/a&gt; file for more information&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  💁 Support:
&lt;/h2&gt;

&lt;p&gt;For any kind of support or inforrmation, you are free to join our &lt;strong&gt;Discord Server&lt;/strong&gt;,&lt;/p&gt;

&lt;p&gt;&lt;a href="https://discord.gg/UF9KsmuGbr" rel="noopener noreferrer"&gt;&lt;br&gt;
  &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--enbaf0eP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://invidget.switchblade.xyz/UF9KsmuGbr" width="430" height="110"&gt;&lt;br&gt;
&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  🪪 Credits:
&lt;/h2&gt;

&lt;p&gt;This website was designed by &lt;a href="https://github.com/mdtanvirahamedshanto" rel="noopener noreferrer"&gt;Md Tanvir Ahamed Shanto&lt;/a&gt;. &lt;/p&gt;

&lt;h2&gt;
  
  
  Thanks for reading!
&lt;/h2&gt;

</description>
      <category>opensource</category>
      <category>reactnative</category>
      <category>typescript</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Get started with coding a discord bot</title>
      <dc:creator>Hemang Yadav</dc:creator>
      <pubDate>Sun, 21 Apr 2024 00:53:02 +0000</pubDate>
      <link>https://dev.to/zemerik/get-started-with-coding-a-discord-bot-2ojc</link>
      <guid>https://dev.to/zemerik/get-started-with-coding-a-discord-bot-2ojc</guid>
      <description>&lt;h1&gt;
  
  
  How to Code a Discord bot?
&lt;/h1&gt;

&lt;h2&gt;
  
  
  👍Prerequisites:
&lt;/h2&gt;

&lt;p&gt;Coding a discord bot might interest you and sound fun, there are some prerequisites to it. In order to code a discord bot with discord.js, you require a fairly decent grasp of JavaScript itself. Although, it is possible to code a discord bot with no or very little information about JavaScript, doing so may result in you taking unnecessary time to solve basic errors in your code and end up frustrated.&lt;/p&gt;

&lt;p&gt;So it is highly suggested, you learn some JavaScript basics before moving ahead.&lt;/p&gt;

&lt;h2&gt;
  
  
  💻STEP 1 - Setting up your workspace:
&lt;/h2&gt;

&lt;p&gt;Note:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;If you are using app/website like Replit or Glitch, you can simply skip this step and move on to step 2.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Creating your package.json file
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Head over to the terminal of your project or open the folder in which you are going to store your files into command prompt. After that type, npm init in your terminal and the following should come up.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;This&lt;/span&gt; &lt;span class="nx"&gt;utility&lt;/span&gt; &lt;span class="nx"&gt;will&lt;/span&gt; &lt;span class="nx"&gt;walk&lt;/span&gt; &lt;span class="nx"&gt;you&lt;/span&gt; &lt;span class="nx"&gt;through&lt;/span&gt; &lt;span class="nx"&gt;creating&lt;/span&gt; &lt;span class="nx"&gt;a&lt;/span&gt; &lt;span class="kr"&gt;package&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;json&lt;/span&gt; &lt;span class="nx"&gt;file&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;
&lt;span class="nx"&gt;It&lt;/span&gt; &lt;span class="nx"&gt;only&lt;/span&gt; &lt;span class="nx"&gt;covers&lt;/span&gt; &lt;span class="nx"&gt;the&lt;/span&gt; &lt;span class="nx"&gt;most&lt;/span&gt; &lt;span class="nx"&gt;common&lt;/span&gt; &lt;span class="nx"&gt;items&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;and&lt;/span&gt; &lt;span class="nx"&gt;tries&lt;/span&gt; &lt;span class="nx"&gt;to&lt;/span&gt; &lt;span class="nx"&gt;guess&lt;/span&gt; &lt;span class="nx"&gt;sensible&lt;/span&gt; &lt;span class="nx"&gt;defaults&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;


&lt;span class="nx"&gt;See&lt;/span&gt; &lt;span class="s2"&gt;`npm help init`&lt;/span&gt; &lt;span class="k"&gt;for&lt;/span&gt; &lt;span class="nx"&gt;definitive&lt;/span&gt; &lt;span class="nx"&gt;documentation&lt;/span&gt; &lt;span class="nx"&gt;on&lt;/span&gt; &lt;span class="nx"&gt;these&lt;/span&gt; &lt;span class="nx"&gt;fields&lt;/span&gt;
&lt;span class="nx"&gt;and&lt;/span&gt; &lt;span class="nx"&gt;exactly&lt;/span&gt; &lt;span class="nx"&gt;what&lt;/span&gt; &lt;span class="nx"&gt;they&lt;/span&gt; &lt;span class="k"&gt;do&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;

&lt;span class="nx"&gt;Use&lt;/span&gt; &lt;span class="s2"&gt;`npm install &amp;lt;pkg&amp;gt;`&lt;/span&gt; &lt;span class="nx"&gt;afterwards&lt;/span&gt; &lt;span class="nx"&gt;to&lt;/span&gt; &lt;span class="nx"&gt;install&lt;/span&gt; &lt;span class="nx"&gt;a&lt;/span&gt; &lt;span class="kr"&gt;package&lt;/span&gt; &lt;span class="nx"&gt;and&lt;/span&gt;
&lt;span class="nx"&gt;save&lt;/span&gt; &lt;span class="nx"&gt;it&lt;/span&gt; &lt;span class="k"&gt;as&lt;/span&gt; &lt;span class="nx"&gt;a&lt;/span&gt; &lt;span class="nx"&gt;dependency&lt;/span&gt; &lt;span class="k"&gt;in&lt;/span&gt; &lt;span class="nx"&gt;the&lt;/span&gt; &lt;span class="kr"&gt;package&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;json&lt;/span&gt; &lt;span class="nx"&gt;file&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;

&lt;span class="nx"&gt;Press&lt;/span&gt; &lt;span class="o"&gt;^&lt;/span&gt;&lt;span class="nx"&gt;C&lt;/span&gt; &lt;span class="nx"&gt;at&lt;/span&gt; &lt;span class="nx"&gt;any&lt;/span&gt; &lt;span class="nx"&gt;time&lt;/span&gt; &lt;span class="nx"&gt;to&lt;/span&gt; &lt;span class="nx"&gt;quit&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;
&lt;span class="kr"&gt;package&lt;/span&gt; &lt;span class="nx"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;The&lt;/span&gt; &lt;span class="nx"&gt;name&lt;/span&gt; &lt;span class="k"&gt;of&lt;/span&gt; &lt;span class="nx"&gt;your&lt;/span&gt; &lt;span class="nx"&gt;folder&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Right now the computer is asking you to enter the name of your package, which can be anything you want just as “my first discord bot”, “I love bots”, etc. If you press enter on your keyboard, the package name will automatically be named whatever is written in the brackets.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;After you have typed your package name or if you want your package name the same as default, press enter on your keyboard.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;You should now be prompted to enter the version you want, by default it will be 1.0.0 if you do not enter anything. There is no need for you to enter the version or description. The description will be blank by default.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;When you get to the entry point, you can enter anyname you want as long as it ends with .js. The entry point is the main file of your project. You can call it whatever you like as long as it ends with .js. If you leave it blank, the main entry point will be automatically be index.js.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;You can skip all of the rest inputs and leave them to default as you are just starting out.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The last option you will get is,&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;Is&lt;/span&gt; &lt;span class="k"&gt;this&lt;/span&gt; &lt;span class="nx"&gt;OK&lt;/span&gt;&lt;span class="p"&gt;?&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;yes&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;&lt;p&gt;When this comes up, simply press enter and the process should be complete. A package.json file should automatically be created in your folder and it will contain all the data such as your package name and entry point.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Now create a new file the same place where the package.json has been created and name it the name of your entry point. If you did not change the default, then your main entry point will be index.js.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  😃Step 2 - Add the Code:
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Copy Paste the following code in your entry point,
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;express&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;require&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;express&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;Discord&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;require&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;discord.js&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;app&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;express&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;

&lt;span class="nx"&gt;app&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;listen&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;3000&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Project is running!&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;})&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;client&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nx"&gt;Discord&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nc"&gt;Client&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt; &lt;span class="na"&gt;intents&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;32767&lt;/span&gt; &lt;span class="p"&gt;})&lt;/span&gt;&lt;span class="err"&gt; &lt;/span&gt;

&lt;span class="nx"&gt;client&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;on&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;messageCreate&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="k"&gt;async &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;message&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="k"&gt;if &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;message&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;content&lt;/span&gt; &lt;span class="o"&gt;===&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;ping&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nx"&gt;message&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;channel&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;send&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;pong&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="p"&gt;})&lt;/span&gt;

&lt;span class="nx"&gt;client&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;login&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;YOUR BOT TOKEN HERE&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Remember to replace &lt;strong&gt;YOUR BOT TOKEN HERE&lt;/strong&gt; with the actual token of your bot which can be obtained from the developer portal&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  🥇Step 3 - Running your project
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;You are now ready to run your project. To do that, type the following in the terminal,
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;node&lt;/span&gt; &lt;span class="p"&gt;.&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;As soon as your run your project, your discord bot should appear online and send pong whenever someone types ping.&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>javascript</category>
      <category>beginners</category>
      <category>discord</category>
      <category>node</category>
    </item>
  </channel>
</rss>
