<?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: candy</title>
    <description>The latest articles on DEV Community by candy (@codingkatty).</description>
    <link>https://dev.to/codingkatty</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%2F2186773%2F3d6eeca6-d2f7-4e3b-a662-c1b4d517e8b3.png</url>
      <title>DEV Community: candy</title>
      <link>https://dev.to/codingkatty</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/codingkatty"/>
    <language>en</language>
    <item>
      <title>newbie contributor ✨</title>
      <dc:creator>candy</dc:creator>
      <pubDate>Mon, 14 Oct 2024 05:50:50 +0000</pubDate>
      <link>https://dev.to/codingkatty/newbie-contributor-1770</link>
      <guid>https://dev.to/codingkatty/newbie-contributor-1770</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/hacktoberfest"&gt;2024 Hacktoberfest Writing challenge&lt;/a&gt;: Contributor Experience&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Hey there! I'm Candy and I'm here to share my experience as a beginner contributor in Hacktoberfest 2024!&lt;/p&gt;

&lt;h2&gt;
  
  
  Open Source 🌐🩷
&lt;/h2&gt;

&lt;p&gt;Before this, I didn't know what was open source. I mean, I definitely heard of it, but I had questions: &lt;em&gt;"What exactly is open source? How do I contribute?"&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Looking at tutorials and examples, I learned about open source- okay not really, but I had a basic understanding of my.. umm &lt;em&gt;job&lt;/em&gt;. Kindof random here 🐦&lt;/p&gt;

&lt;p&gt;&lt;iframe class="tweet-embed" id="tweet-1843861518406037997-898" src="https://platform.twitter.com/embed/Tweet.html?id=1843861518406037997"&gt;
&lt;/iframe&gt;

  // Detect dark theme
  var iframe = document.getElementById('tweet-1843861518406037997-898');
  if (document.body.className.includes('dark-theme')) {
    iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1843861518406037997&amp;amp;theme=dark"
  }



&lt;/p&gt;




&lt;h2&gt;
  
  
  What the terminal? 💥
&lt;/h2&gt;

&lt;p&gt;I have 0% experience with terminal, I mean like &lt;em&gt;Git&lt;/em&gt; and all.. you know. I went through the tutorials but it just simply &lt;em&gt;wouldn't work&lt;/em&gt; and I absolutely understood nothing. Like.. what the sigma!?&lt;/p&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%2Fkdm9mwe8l6ojzxi85alp.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%2Fkdm9mwe8l6ojzxi85alp.png" alt="arghh" width="750" height="1000"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Okay yea then I learned that you could just fork and edit the stuff online.. useful.&lt;/p&gt;

&lt;h2&gt;
  
  
  Pull Requests • Aargh! 💀✨
&lt;/h2&gt;

&lt;p&gt;Here's some picks of the pull requests I made:&lt;/p&gt;

&lt;h3&gt;
  
  
  ChaosWeb 😵‍💫
&lt;/h3&gt;

&lt;p&gt;Their website 🌐: &lt;a href="https://chaosweb.vercel.app/" rel="noopener noreferrer"&gt;chaosweb.vercel.app/&lt;/a&gt;&lt;br&gt;
Their repo 📂: &lt;a href="https://github.com/vansh-codes/ChaosWeb" rel="noopener noreferrer"&gt;github.com/vansh-codes/ChaosWeb&lt;/a&gt;&lt;/p&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%2Feip3xpucyja4lmw9wo0t.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%2Feip3xpucyja4lmw9wo0t.png" alt="screenshotOfTest" width="800" height="280"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Voilà! After my contribution, ChaosWeb looked like this—pure chaos (not really). But then they added more pages and converted it to React.&lt;/p&gt;

&lt;p&gt;My contribution was a script that would play loud, annoying💥✨ music that's triggered when a button/link or a key is pressed. You can def see my testing &lt;a href="https://codingkatty.github.io/ChaosWeb/" rel="noopener noreferrer"&gt;here&lt;/a&gt; if you're interested. Beware of loud noise.&lt;/p&gt;

&lt;p&gt;🚨&lt;em&gt;C0MmEnTs&lt;/em&gt;: they rlly should add an epilepsy warning.&lt;/p&gt;




&lt;h3&gt;
  
  
  Enyanjyoti 🤔
&lt;/h3&gt;

&lt;p&gt;Oh well, I didn't really realize it was React before I started editing. At that time, I haven't really &lt;em&gt;touched&lt;/em&gt; React, like how do you even run it!?&lt;/p&gt;

&lt;p&gt;Immediately after that, I started a React ⚛️ course. I didn't know it was &lt;em&gt;this&lt;/em&gt; popular!!&lt;/p&gt;

&lt;p&gt;Their website 🌐: &lt;a href="https://enyanjyoti.vercel.app/" rel="noopener noreferrer"&gt;enyanjyoti.vercel.app/&lt;/a&gt;&lt;br&gt;
Their repo 📂: &lt;a href="https://github.com/Vin205/Enyanjyoti" rel="noopener noreferrer"&gt;github.com/Vin205/Enyanjyoti&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Oh well thankfully my job was easy, just creating a new favicon. I def did not just use &lt;em&gt;Scratch&lt;/em&gt; tho...&lt;/p&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%2Fnviqsbyz8r926a7mgdy1.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%2Fnviqsbyz8r926a7mgdy1.png" alt="favicon" width="177" height="130"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The &lt;a href="https://scratch.mit.edu" rel="noopener noreferrer"&gt;Scratch&lt;/a&gt; website was def what I needed for this job. The costumes made there are vector and can be exported into .svg format.&lt;/p&gt;

&lt;p&gt;Okay speaking about the React thing, I was confused as of &lt;em&gt;what file&lt;/em&gt; should I insert the favicon, and the worst thing would just be that I couldn't preview it!&lt;/p&gt;

&lt;p&gt;I'd just add it to the index.html, and submitted it without even checking. The next day, it got merged, had my &lt;em&gt;fingers crossed&lt;/em&gt; 🤞, as I opened the website. It turned out to be correct! The favicon was updated there.&lt;/p&gt;

&lt;h2&gt;
  
  
  Confucius-tion (Conclusion)
&lt;/h2&gt;

&lt;p&gt;“敏而好学，不耻下问” ——Confucius. It means that we should always learn and don't be afraid to ask. I found this idiom resonating deeply throughout my Hacktoberfest journey. Whether I was contributing to different repositories or collaborating with developers, I learned by asking questions and gaining insights from others. From seeking help to eventually helping others, this experience has been all about growth through curiosity and sharing knowledge. 🩷✨&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>hacktoberfest</category>
      <category>opensource</category>
    </item>
  </channel>
</rss>
