The latest articles on DEV Community by Anuj Patel (@patelanuj93). https://dev.to/patelanuj93 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%2F1183255%2Fcff37d83-8381-4e19-945c-dca7fd10452a.jpeg https://dev.to/patelanuj93 en Anuj Patel Thu, 12 Oct 2023 10:33:37 +0000 https://dev.to/patelanuj93/how-i-dived-into-hacktoberfest-2023-a-css-animation-adventure-3349 https://dev.to/patelanuj93/how-i-dived-into-hacktoberfest-2023-a-css-animation-adventure-3349 <p>I had the incredible opportunity to participate in Hacktoberfest 2023 for the first time. My journey began when I purchased the Zero to Mastery (ZTM) course on Udemy and joined their Discord server. The community in the Discord server was buzzing with discussions about Hacktoberfest 2023, which motivated me to take part in this exciting event.</p> <p>One of the repositories I contributed to during Hacktoberfest was the Animation-Nation project hosted on GitHub (<a href="https://github.com/zero-to-mastery/Animation-Nation" rel="noopener noreferrer">https://github.com/zero-to-mastery/Animation-Nation</a>). My task was to create a simple or complex animation using only HTML and CSS, without involving SVG. After brainstorming, I got inspired to create a ping pong game animation using CSS.</p> <p>I dedicated an entire day to coding and perfecting the animation. After completing it, I submitted a pull request (PR) to the repository. To my delight, my PR was merged, and my animation was featured on their site (<a href="https://animation-nation.netlify.app/" rel="noopener noreferrer">https://animation-nation.netlify.app/</a>). It was a proud moment for me to see my work live and accessible to others.</p> <p><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%2Foewm2cn236z6twl4bnse.png" class="article-body-image-wrapper"><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%2Foewm2cn236z6twl4bnse.png" alt="Animation Nation site"></a></p> <p>Furthermore, I received an email from Hacktoberfest confirming the acceptance of my PR, adding to the sense of accomplishment and motivation to continue contributing to open source projects.</p> <p><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%2F4uyn4vcsdbs70x4dte70.png" class="article-body-image-wrapper"><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%2F4uyn4vcsdbs70x4dte70.png" alt="Accepted Pull request by Hacktoberfest 2023"></a><br> Hacktoberfest 2023 was an enriching experience that taught me a lot and ignited my passion for further involvement in the open source community. I look forward to participating again in future Hacktoberfest events and contributing to more amazing projects. 🚀 #Hacktoberfest #OpenSource #Community #CSSAnimation</p> hacktoberfest23 css animation opensource