<?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: Pratap Parui</title>
    <description>The latest articles on DEV Community by Pratap Parui (@pratap360).</description>
    <link>https://dev.to/pratap360</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%2F582981%2F1faceac8-5433-4814-90da-7f635bd5b184.png</url>
      <title>DEV Community: Pratap Parui</title>
      <link>https://dev.to/pratap360</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/pratap360"/>
    <language>en</language>
    <item>
      <title>How Intlayer helps to speed up i18n</title>
      <dc:creator>Pratap Parui</dc:creator>
      <pubDate>Sun, 17 Aug 2025 16:17:11 +0000</pubDate>
      <link>https://dev.to/pratap360/how-intlayer-helps-to-speed-up-i18n-4mh2</link>
      <guid>https://dev.to/pratap360/how-intlayer-helps-to-speed-up-i18n-4mh2</guid>
      <description>&lt;h2&gt;
  
  
  Introduction
&lt;/h2&gt;

&lt;p&gt;Hello everyone, and welcome back to yet another fantastic article! As the title implies, I will present to you today a distinctive Internationalization (i18n) that frequently seems like a laborious afterthought. However, what if it could be integrated into your workflow right away, free from unorganized translation keys and bulky configurations? So, before that, I would like to explain what and why internationalization is important in day-to-day applications.&lt;/p&gt;

&lt;h2&gt;
  
  
  What is Internationalization (i18n)?
&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%2Fwikzt27l03u2l46lrthb.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%2Fwikzt27l03u2l46lrthb.png" alt="What is Internationalization (i18n)" width="800" height="533"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Internationalization is nothing but a language translation for all available languages, so it's a commonly referred to as i18n as there are 18 letters between the first "i" and the last "n", so it is the process of designing and developing products, especially software, so they can be easily adapted for different languages, regions, and cultural preferences without requiring significant code changes.&lt;/p&gt;

&lt;h2&gt;
  
  
  Key aspects of Internationalization (i18n)
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Code and content separation: Create systems with all localizable components (text, currencies, date and number formats, images, etc.) separate from the main software logic to facilitate simple localization.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Handle differences in writing systems, units of measurement, date/time formats, keyboard layouts, and address/phone number structures with local awareness.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Preparation for localization (l10n): By facilitating these adaptations, internationalization creates the foundation for localization, which is the actual process of modifying the product for a particular target location.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Why i18n Is Crucial ?
&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%2Fx0vdbv772bkx5ij6fmf0.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%2Fx0vdbv772bkx5ij6fmf0.png" alt="Why i18n Is Crucial" width="800" height="533"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We often build apps assuming a single-language audience. But even for small blogs, portfolios, or tools, reaching users in their native language:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Boosts accessibility&lt;/li&gt;
&lt;li&gt;Builds trust&lt;/li&gt;
&lt;li&gt;Increases engagement&lt;/li&gt;
&lt;li&gt;Improve the overall SEO&lt;/li&gt;
&lt;li&gt;Helps to get discovered easily&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Internationalization (i18n) is an important step for any software or digital product intended for a global audience, making further localization and translation possible without major changes to the underlying code.&lt;/p&gt;

&lt;h2&gt;
  
  
  Introducing Intlayer
&lt;/h2&gt;

&lt;p&gt;So recently, when I was discovering a few open source repositories on the only dust site, I came up with this unique internationalization tool name &lt;a href="https://intlayer.org/" rel="noopener noreferrer"&gt;INTLAYER&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%2F63gh7stt2tssajftyqnu.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%2F63gh7stt2tssajftyqnu.png" alt="Intlayer homepage" width="800" height="395"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Intlayer is an internationalization library created for developers. It enables the declaration of your content across your codebase. It translates multilingual content declarations to structured dictionaries that can be readily included in your code. Intlayer uses TypeScript to make your development stronger and more efficient.&lt;/p&gt;

&lt;h3&gt;
  
  
  Why Intlayer over others' Internationalization?
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Here is a detailed comparison table of Intlayer with the leading i18n libraries commonly used in React and Next.js ecosystems, including react-Intl, React-i18next (i18next), LinguiJS, next-intl, and next-i18next. This comparison highlights not just feature checklists but also unique aspects like developer workflow, type safety, dynamic routing, and modern translation management.&lt;/li&gt;
&lt;li&gt;Intlayer stands out for strong TypeScript integration, build-time validation, component-localized content, visual editing for non-devs, unique AI translation integration, out-of-the-box SEO features, and rich content (JSX/Markdown).&lt;/li&gt;
&lt;li&gt;Mainstream tools like i18next and FormatJS offer a wider community and plugins, but often require centralization, lack CMS/editor features (But not for Intlayer), and need more manual setup for advanced localization.&lt;/li&gt;
&lt;li&gt;LinguiJS and next-intl/next-i18next provide modern approaches or build on popular Next.js architectures, but still lack some advanced, integrated features of Intlayer - especially around real-time collaboration, AI, and CMS capabilities.&lt;/li&gt;
&lt;li&gt;For large, multilingual projects or if you want editors or non-developers to participate in localizing content, Intlayer brings unique advantages not matched by classic i18n solutions&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  My Project Overview
&lt;/h3&gt;

&lt;p&gt;In this post, I'll walk you through building a simple React Blog Viewer that:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Fetches posts dynamically from the Blogger Services&lt;/li&gt;
&lt;li&gt;Supports multiple languages (in this example, I have implemented only 4 Languages; you can add as many as you can)&lt;/li&gt;
&lt;li&gt;Uses Intlayer for modern, integrated i18n&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Project Structure
&lt;/h3&gt;

&lt;p&gt;First and foremost, you can follow along with me for the project implementation. If you have that curiosity, you just need to know a little bit about React/Vite, JavaScript/TypeScript, and any previous internationalization tools (basic).&lt;/p&gt;

&lt;p&gt;Here is the GitHub repo link, just download or fork it: &lt;a href="https://github.com/pratap360/intlayer-vite-react/" rel="noopener noreferrer"&gt;Intlayer Project Demo&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;So for this project, I've showcased how Intlayer will help to translate the pages of the blog posts that demonstrate Intlayer's i18n capabilities with React. The project will feature multiple pages with dynamic language switching.&lt;/p&gt;

&lt;p&gt;Here is the Tech Stack I've used throughout the making of the project.&lt;/p&gt;

&lt;p&gt;A basic Project Structure goes here&lt;/p&gt;

&lt;h4&gt;
  
  
  Features to Implement
&lt;/h4&gt;

&lt;p&gt;1.Home Page&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Hero section with multilingual welcome message with background image&lt;/li&gt;
&lt;li&gt;Featured blog posts grid after the hero section&lt;/li&gt;
&lt;li&gt;A Header with an option to switch or change language with translated labels&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;2.Blog Post Page&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A blog service will fetch and show on the home page, as in blog grids&lt;/li&gt;
&lt;li&gt;A dynamic image has to be implemented to match with content and post of it (optional)&lt;/li&gt;
&lt;li&gt;A read more button to redirect to the post, respectively.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;3.About Us &amp;amp; Contribution Page&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A short info of the project, the Intlayer, and its contribution guidelines to the repository.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;4.Global Components&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Intlayer config file. (Important)&lt;/li&gt;
&lt;li&gt;Header: Navigation menu, logo, language switcher&lt;/li&gt;
&lt;li&gt;Footer: Links, copyright, social media&lt;/li&gt;
&lt;li&gt;Language Switcher: Dropdown with flag icons&lt;/li&gt;
&lt;li&gt;Blog Card: Preview cards with title, excerpt, date&lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;For this Post I wanted to keep it as short and simple and easy to understand so if you wanted to understand more, Do check out Technical/Step-by-Step Implementation at &lt;a href="https://www.paruidev.com/2025/08/how-intlayer-helps-to-speed-up-i18n.html" rel="noopener noreferrer"&gt;Parui Dev&lt;/a&gt; I've discussed there and shown the implementation of the project with explanations in detail.&lt;/p&gt;
&lt;/blockquote&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%2F4sliyquelo08c2i2sp6g.gif" 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%2F4sliyquelo08c2i2sp6g.gif" alt="Intlayer project demo" width="760" height="506"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;live demo of the project : &lt;a href="https://intlayer-blog-demo.vercel.app/" rel="noopener noreferrer"&gt;Click here to see&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  My Final Thoughts and our Conclusion.
&lt;/h3&gt;




&lt;p&gt;In React, multilingual support is not only feasible but pleasurable when Intlayer for i18n is used. This little project serves as a strong basis for larger projects when paired with Redux and an organized Webpack configuration.&lt;/p&gt;

&lt;p&gt;With libraries like &lt;code&gt;react-intl&lt;/code&gt;, &lt;code&gt;react-i18next&lt;/code&gt;, and others dominating the market, It has a chance to stand out from the competition. Its ability to achieve the ideal balance between feature richness and simplicity is probably what makes it stand out from the competition. &lt;/p&gt;

&lt;p&gt;It may provide better performance through sophisticated compilation, a more user-friendly developer interface, or a more cohesive end-to-end localization procedure. By tackling the typical compromises and disarray seen in alternative systems, it may establish itself as a simplified, unified, and very effective instrument for handling the full localization process.&lt;/p&gt;

&lt;p&gt;In the end, Intlayer is a strong option for developers and businesses hoping to create truly worldwide applications. Its potential advantages in performance, developer experience, and integrated tooling can make the sometimes intimidating process of internationalization easier, allowing for better user experiences and quicker market growth. Using a practical demonstration and highlighting the unique advantages in the changing i18n ecosystem.&lt;/p&gt;

&lt;p&gt;Do you wish to contribute or have questions? Join Our Community Discord Or saw something buggy? Do check out the GitHub repo, we are open source &lt;a href="https://github.com/aymericzip/intlayer" rel="noopener noreferrer"&gt;Check out the Repo&lt;/a&gt;&lt;br&gt;
Join Our Community Discord Group here : &lt;a href="https://discord.gg/Cbc57kmn" rel="noopener noreferrer"&gt;Click to Join&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;And that's all for now, Add some reactions emoji (💖 🦄 🤯 🙌 🔥) if you read it till this very end &amp;amp; found something new then I would love to hear your feedback in comments below please also 🔖 save this post for later reading also consider subscribing as that helps me a lot to create more such informative articles until then see you next time.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Connect with me&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Twitter: &lt;a href="https://twitter.com/parui_pratap" rel="noopener noreferrer"&gt;Parui Pratap&lt;/a&gt;&lt;br&gt;
LinkedIn: &lt;a href="https://www.linkedin.com/in/pratap-parui/" rel="noopener noreferrer"&gt;Pratap Parui&lt;/a&gt;&lt;/p&gt;

</description>
      <category>internationalization</category>
      <category>opensource</category>
      <category>react</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Introducing Yummunity: An Open-Source Recipe Discovery Social Platform</title>
      <dc:creator>Pratap Parui</dc:creator>
      <pubDate>Tue, 22 Apr 2025 19:07:31 +0000</pubDate>
      <link>https://dev.to/pratap360/introducing-yummunity-an-open-source-recipe-discovery-social-platform-4fgg</link>
      <guid>https://dev.to/pratap360/introducing-yummunity-an-open-source-recipe-discovery-social-platform-4fgg</guid>
      <description>&lt;p&gt;Have you ever looked blankly into your refrigerator, wondering what culinary wonders you might create with the items you have on hand?  Or maybe you're bored of the same old recipes and need some new ideas?  Okay, I have some great news to share.&lt;/p&gt;

&lt;p&gt;After dabbling in my spare time, I'm excited to announce the beta launch of Yummunity, an open-source platform that will be your go-to center for discovering and sharing great recipes.&lt;/p&gt;

&lt;p&gt;As someone who enjoys both code and fine cuisine, I started this side project to address a frequent issue: the overwhelming cacophony and fragmented nature of internet recipes.&lt;/p&gt;

&lt;h2&gt;
  
  
  What is Yummunity?
&lt;/h2&gt;

&lt;p&gt;Yummunity is a community-driven web application designed to bring together individuals who share a love for food. It's a dedicated space where users can post recipes, share food experiences, and connect with others over shared culinary interests.&lt;/p&gt;

&lt;p&gt;The name "Yummunity" combines "Yummy" and "Community," reflecting the platform's mission to create a communal space centered around delicious food.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Journey - Inspiration and Purpose
&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%2Fkdbdgni1q9bjns8yc14i.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%2Fkdbdgni1q9bjns8yc14i.png" alt="fixing bug at 2am" width="800" height="675"&gt;&lt;/a&gt;&lt;br&gt;
The idea for Yummunity stemmed from my desire to create a welcoming online community where foodies could congregate and feel completely at home. While platforms like Instagram and Facebook allow for food content sharing, they lack a specialized environment tailored for culinary interactions. Yummunity fills this gap by offering a space where food serves as more than just content—it's a topic of conversation, a memory, and a shared interest.&lt;/p&gt;

&lt;p&gt;The inspiration for Yummunity stemmed from a desire to create a niche social platform focused solely on food. While platforms like Instagram and Facebook allow food content, Yummunity aims to provide a specialized environment where food is the central theme.&lt;/p&gt;

&lt;p&gt;Design inspirations were drawn from platforms like Meta Threads and X (formerly Twitter), aiming to incorporate familiar social networking elements tailored for the food community.&lt;/p&gt;

&lt;p&gt;As I mentioned in my initial &lt;a href="https://www.paruidev.com/2025/04/building-food-platform-yummunity-as-%20a-side-project.html" rel="noopener noreferrer"&gt;blog post&lt;/a&gt;, this project stemmed from a desire to create a more organized and collaborative space for food lovers. I believe that sharing recipes should be easy and enjoyable, and I envision Yummunity becoming a vibrant community where culinary enthusiasts can connect and inspire each other.&lt;/p&gt;

&lt;p&gt;Yummunity is currently in its beta phase, and I'm eager to gather feedback from early users like you! Your insights will be invaluable in shaping the future direction of the platform. You can check out the beta version and share your thoughts on &lt;a href="https://www.producthunt.com/posts/yummunity-beta-version" rel="noopener noreferrer"&gt;Product Hunt&lt;/a&gt; and don't forget to upvote it.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;Get Involved!&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://i.giphy.com/media/BemKqR9RDK4V2/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/BemKqR9RDK4V2/giphy.gif" width="495" height="296"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Being an open-source project, Yummunity thrives on community involvement. Whether you're a seasoned developer, a passionate cook, or simply someone who loves exploring new recipes, there are many ways to contribute:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Report Bugs and Suggest Features:&lt;/strong&gt; Help us make Yummunity better by identifying issues and sharing your ideas.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Contribute Code:&lt;/strong&gt; If you're a developer, we welcome pull requests with new features and improvements. Check out the &lt;a href="https://github.com/pratap360/yummunity" rel="noopener noreferrer"&gt;GitHub repository&lt;/a&gt; for more details.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Share Your Recipes:&lt;/strong&gt; Add your favorite dishes to the platform and inspire others with your culinary talents.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Spread the Word:&lt;/strong&gt; Tell your friends and fellow foodies about Yummunity!&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I'm incredibly excited about the potential of Yummunity and the community that will grow around it. Join me on this culinary journey, and let's build a fantastic resource for food lovers everywhere!&lt;/p&gt;

&lt;h3&gt;
  
  
  Links to check out
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Live App:&lt;/strong&gt; &lt;a href="https://yummunity.vercel.app/" rel="noopener noreferrer"&gt;https://yummunity.vercel.app&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;GitHub Repository:&lt;/strong&gt; &lt;a href="https://github.com/pratap360/yummunity" rel="noopener noreferrer"&gt;https://github.com/pratap360/yummunity&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Full Detail Article: &lt;a href="https://www.paruidev.com/2025/04/building-food-platform-yummunity-as-%20a-side-project.html" rel="noopener noreferrer"&gt;https://www.paruidev.com/2025/04/building-food-platform-yummunity-as- a-side-project.html&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Product Hunt Launch:&lt;/strong&gt; &lt;a href="https://www.producthunt.com/posts/yummunity-beta-version" rel="noopener noreferrer"&gt;https://www.producthunt.com/posts/yummunity-beta-version&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>angular</category>
      <category>webdev</category>
      <category>sideprojects</category>
      <category>opensource</category>
    </item>
    <item>
      <title>Git Commands You Need for Hacktoberfest 2024 - Git cheat sheet</title>
      <dc:creator>Pratap Parui</dc:creator>
      <pubDate>Sat, 19 Oct 2024 14:10:00 +0000</pubDate>
      <link>https://dev.to/pratap360/git-commands-you-need-for-hacktoberfest-2024-git-cheat-sheet-1ge5</link>
      <guid>https://dev.to/pratap360/git-commands-you-need-for-hacktoberfest-2024-git-cheat-sheet-1ge5</guid>
      <description>&lt;p&gt;Hello, aspiring developer!&lt;/p&gt;

&lt;p&gt;Are you ready to level up your GitHub skills and make an impact in the open-source world? As Hacktoberfest is in full swing, and we’re just two weeks in, there's no better time to start contributing and boosting your expertise.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://i.giphy.com/media/3ornk57KwDXf81rjWM/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/3ornk57KwDXf81rjWM/giphy.gif" width="453" height="244"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I know it’s been a while, but I’m excited to share some cool content I’ve been working on, and from now on, I’ll be posting regularly.&lt;/p&gt;

&lt;p&gt;So, get ready for an exciting journey that will take you from a beginner to a Hacktoberfest pro. Let’s dive in and explore the world of Git commands together!&lt;/p&gt;

&lt;h2&gt;
  
  
  Configure name and email with Git
&lt;/h2&gt;

&lt;p&gt;If you are a beginner into this git and github things and if you just install the git for first time or say on a new machine then you need to configure some data to use the git into your local system. Here are the few steps which you can follow copy paste the below command into your any terminal and make sure you change the &lt;code&gt;user.name&lt;/code&gt; and &lt;code&gt;user.email&lt;/code&gt; with your actual details&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;# set name and email (example name and email Id)
git config --global user.name "paruidev"
git config --global user.email "pratap@paruidev.com"

# set default branch name (optional)
git config --global init.defaultBranch main
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Simple Git Workflow
&lt;/h2&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Cloning a Repository&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;Clone a remote repository to your local machine, bringing the entire project history and all its branches to your computer. This allows you to work on the project offline and contribute changes back to the original repository.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git clone &amp;lt;repository-url&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;You can copy the repository URL from the repo's GitHub page.&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Check Repository Status&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://i.giphy.com/media/U2RhNiWPNyhc8dtCeZ/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/U2RhNiWPNyhc8dtCeZ/giphy.gif" width="480" height="270"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Check the status of your working directory to see which files have been modified, added, or deleted since your last commit. This command provides a snapshot of your current project state, helping you track changes and prepare for staging.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git status
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This command shows which files are changes, which ones are added for committing, etc.&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Adding Changes&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;Stage changes by adding files to the staging area in preparation for committing. This crucial step allows you to selectively choose which modifications you want to include in your next commit, giving you fine-grained control over your version history. By staging changes, you can review and organize your work before permanently recording it in the repository.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git add &amp;lt;file-name&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  &lt;strong&gt;Commit Changes&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;After staging, commit changes with a meaningful message.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git commit -m "Commit message"
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  &lt;strong&gt;Viewing Commit History&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;Check your commit history.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git log
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;For a simpler, one-line format:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git log --oneline
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  &lt;strong&gt;Push Changes to Remote&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;Push committed changes to the remote repository.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git push
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Create Branches and Merge it
&lt;/h2&gt;

&lt;p&gt;Branching allows you to work on different parts of your project independently. Here's how to manage branches:&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Create a New Branch&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;Create a new branch for your feature or bug fix.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git switch -c &amp;lt;branch-name&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;If you just want to create the new branch and don't want to switch to it:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git branch -c &amp;lt;branch-name&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  &lt;strong&gt;Switch to Another Branch&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;if you want to switch to another branch&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git switch &amp;lt;branch-name&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  &lt;strong&gt;List All Branches&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;See all branches in your repository.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git branch
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  &lt;strong&gt;Merge a Branch&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;Merge changes from one branch into your current branch.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git merge &amp;lt;branch-name&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  &lt;strong&gt;Delete a Branch&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://i.giphy.com/media/52HjuHsfVO69q/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/52HjuHsfVO69q/giphy.gif" width="400" height="225"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Once a branch is no longer needed, you can delete it. but make sure once it done it can’t be revert back. So do with your own risk.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;# Locally
git branch -d &amp;lt;branch-name&amp;gt;

# Remotely
git push origin --delete &amp;lt;branch-name&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Save Code in Stashing.
&lt;/h2&gt;

&lt;p&gt;Stashing temporarily stores your changes without committing them.&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Save Changes to a Stash&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;If you're working on something and want to switch branches without committing:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git stash
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  &lt;strong&gt;Apply Stash&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;To retrieve your changes later:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git stash apply
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  &lt;strong&gt;List Stashed Changes&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;If you have multiple stashes, you can see them with:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git stash list
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Hacktoberfest is more than just a month-long event—it's an opportunity to grow and give back to the developer community. With this cheat sheet, you're equipped to tackle GitHub challenges head-on. &lt;/p&gt;

&lt;p&gt;Remember, every contribution counts, so dive in, learn, and enjoy the journey!. Let me know how many repository is approved till now done with your hacktober fest contribution and which types of repository you’ve contributed to I'm exited to know about it.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://i.giphy.com/media/yvqRaXlOsc068DDTzt/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/yvqRaXlOsc068DDTzt/giphy.gif" width="480" height="270"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Explore &lt;a href="https://www.paruidev.com/2024/10/git-cheat-sheet-for-beginner-to-advance.html" rel="noopener noreferrer"&gt;paruidev&lt;/a&gt; for in-depth guides &amp;amp; some tip and tricks. Also If you all have any quires and doubts feel free to have your questions into comment section I'm happy to help you.&lt;/p&gt;

&lt;p&gt;Happy Hacking all of you!&lt;/p&gt;

</description>
      <category>git</category>
      <category>cheatsheet</category>
      <category>github</category>
      <category>hacktoberfest</category>
    </item>
    <item>
      <title>6 Coding Habits to Adopt in 2024</title>
      <dc:creator>Pratap Parui</dc:creator>
      <pubDate>Sat, 30 Dec 2023 10:41:58 +0000</pubDate>
      <link>https://dev.to/pratap360/6-coding-habits-to-adopt-in-2024-lcc</link>
      <guid>https://dev.to/pratap360/6-coding-habits-to-adopt-in-2024-lcc</guid>
      <description>&lt;p&gt;&lt;a href="https://i.giphy.com/media/xUySTQZfdpSkIIg88M/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/xUySTQZfdpSkIIg88M/giphy.gif" width="480" height="260"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I'm pretty sure you've heard that developing healthy habits is important for your personal growth and health, but did you know that thinking about your coding habits can also have a big impact on your career? yes that is true, then your code is the culmination of your coding habits and addressing them will not only free up a lot of your time but also advance your career.&lt;/p&gt;

&lt;p&gt;so I will guide you to build regular coding habits which help to stay focus and consistent, let get started.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;&lt;em&gt;Take the first habit&lt;/em&gt;: the habit of breaking down tasks.&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://i.giphy.com/media/8HcT5UwUTT0XtlIvmc/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/8HcT5UwUTT0XtlIvmc/giphy.gif" width="480" height="480"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;First and foremost, I'll share how to break task into small tasks using an example.&lt;/p&gt;

&lt;p&gt;Let's say your manager requests you to build an app for the basic E commerce. You agree to work on it, thinking it will only require a few UI screens. However, as you get into the task, you find that there are actually six screens that need to be created, which is a little more than you had anticipated but should still work it out okay.&lt;/p&gt;

&lt;p&gt;It appears that you will need to render animations, and you do not currently have a framework for that, also need to construct a pagination system for that. and we'll need to continue regardless of whether the user has seen it or not in order to decide when to show it, presuming that time is not an issue, which it usually is.&lt;/p&gt;

&lt;p&gt;You push through this and make a PR for it, and guess what? Your team and the senior engineer will disagree on all of these various things you need to do, so your PR will end up looking messy. Your evaluations will be much simpler to write if you divide your work into smaller, more manageable parts. It will also drive you to think about things like creating more general and reusable component.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://i.giphy.com/media/TENGwS5hytGEt66IlO/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/TENGwS5hytGEt66IlO/giphy.gif" width="480" height="480"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;However, there's a catch This advice is flawed if it is applied too early, before the task is split up too much. Instead, try to piece together a rough draft of it first. This is because working on sub task number 6 will reveal something you neglected to address when working on sub task number 1, and if you create a PR for number 1 without first creating a prototype of the big picture, it's likely that you won't meet the target when you try to put everything together—unless, of course, it's something really simple. &lt;/p&gt;

&lt;p&gt;The benefits of developing coding habits are endless, so hopefully you can see the power of doing so. A proof of concept or prototype will give you the big picture, and from there, you can actually extract sub tasks as their own isolated changes and polish those individually.&lt;/p&gt;

&lt;h2&gt;
  
  
  The 1% Rule
&lt;/h2&gt;

&lt;p&gt;The beautiful thing about habits is that you don't need to put in a ton of effort up front; you can start implementing them slowly and see them as these sorts of tiny incremental improvements to your coding skills.&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%2F6xhidgwy9bx72j7s0s8n.jpg" 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%2F6xhidgwy9bx72j7s0s8n.jpg" alt="book Atomic Habits" width="640" height="427"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;James Clear refers to this concept as the &lt;strong&gt;&lt;em&gt;"one percent rule"&lt;/em&gt;&lt;/strong&gt; and discusses it in his book Atomic Habits.According to the one percent rule, teams and organizations that maintain a one percent advantage over the competition will eventually accrue the majority of rewards in that field.&lt;/p&gt;

&lt;p&gt;This means that you don't need to be twice as good to get twice the results—you just need to be slightly better. The classic example Just consider the power of compound interest in the finance industry to demonstrate this. If you could improve yourself by 1% every day for a year, you would be 30 times better—not 30–30 times better—which is an incredible return for the small amount of work required to improve yourself by 1% every day.&lt;/p&gt;

&lt;p&gt;When it comes to code, it's a highly subjective and hard-to-measure discipline, so it could be helpful to consider how we can truly quantify that one percent. You can start with basic metrics like the quantity of pull requests you generate or the amount of PR comments you receive from others. &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%2Flmesa9yj12x7s0mjn9d1.jpg" 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%2Flmesa9yj12x7s0mjn9d1.jpg" alt="software development" width="640" height="427"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In the world of software development, those comments—how often do you feel overwhelmed? —probably won't be sufficient, so I like to supplement them with statements like how often you feel productive and accomplished. How many of those comments come from that senior engineer? If you're working alone on projects of your own, just how quickly can you check out features from your to-do list. &lt;/p&gt;

&lt;p&gt;And what do your team and manager think of your performance? It's always a good idea to get their input.This leads us seamlessly to our next habit: solving problems rather than merely trying to recall information is what our brains are meant for.&lt;/p&gt;

&lt;h2&gt;
  
  
  the thrill of solving problems!
&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%2F79ofadjj7l9clee6yhkc.jpg" 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%2F79ofadjj7l9clee6yhkc.jpg" alt="sticky note for problem solving" width="640" height="427"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;However, here's the deal: in order to be a good programmer, you still need to have information on hand.&lt;/p&gt;

&lt;p&gt;I really love the idea of keeping a Dev Journal. Here's one way I love to look at this: you know how we use source control in software development, so things like git, well one of the biggest reasons we do is to keep track of changes in our code and be able to refer back to it. I struggle to remember even my address or phone number, and I've seen opportunities fly by because I didn't have the information, I didn't write it down back then I didn't remember it on the spot, where I wanted to be required of it and I missed an opportunity to help someone. &lt;/p&gt;

&lt;p&gt;This is incredibly helpful, but writing code is just one aspect of being a software engineer. Wouldn't it be great if you could apply source control to everything else you need to do, such as tracking your progress on tasks like organizing designs and specs and having conversations about the product and technical solutions that people come up with useful documentation or references to those obscure stacks?&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%2F0fjt5dm9ibv7v2718vz4.jpg" 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%2F0fjt5dm9ibv7v2718vz4.jpg" alt="Team Discussion" width="640" height="427"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Overflow threads that address their own narrow issue Developing the habit of taking a few notes every day about things like these before closing your laptop or leaving for home is a really underrated skill.&lt;/p&gt;

&lt;p&gt;One day, things like contacts. There's a wide array of people responsible for a wide array of things that might maybe help you with some stuff at some point. Your ability to add value to your team suddenly doubles or triples because you have a word-side perspective of all that has been necessary for you to deliver. &lt;/p&gt;

&lt;p&gt;Whatever program you choose, you first place yourself in a position to be able to support your teammates more effectively by having that knowledge on hand. And guess what? Making an influence on others is another way to advance in your career.&lt;/p&gt;

&lt;h2&gt;
  
  
  Be Safe &amp;amp; Stay Alert
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExMzgya2czY3YzMHc3NjFhbDB5ZzQ4bTg5cXJ1dmE1dGw5aGsyMXNhayZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/ob0IRMjeZTT7Dt1ubh/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExMzgya2czY3YzMHc3NjFhbDB5ZzQ4bTg5cXJ1dmE1dGw5aGsyMXNhayZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/ob0IRMjeZTT7Dt1ubh/giphy.gif" width="500" height="281"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Although you may already be aware of this idea, let me give you a little rundown. Generally speaking, while building software, there are two possible outcomes: first, you encounter the 1490 problems during the build process; then, after the build is complete, you test the code and find that it does not function as intended. Which one, presuming there are just a few mistakes and not 1490 something, would you want to have? This is sometimes referred to as type safety: it is usually preferable to detect issues at build time as they are detected far sooner than at runtime.&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%2Flvjn189o4a6ac18bapo6.jpg" 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%2Flvjn189o4a6ac18bapo6.jpg" alt="Developing the practice of coding" width="640" height="427"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Developing the practice of utilizing a language's advantages so that the compiler can assist you in determining whether you're doing anything incorrectly is really important. The simplest illustration is that if a variable's range of acceptable values is restricted, you might obviously, It's a very simple example, but if you consistently apply this consideration to every line of code you write, it's one of the best investments you can make because you significantly reduce the number of things that can go wrong. &lt;/p&gt;

&lt;p&gt;Alternatively, you could use something like a string and check that the value is using a comparison, but the smarter thing to do would be to create a menu with the possible values since the compiler will guarantee that you will never get a value that is not within that list.&lt;/p&gt;

&lt;h2&gt;
  
  
  One Task at a time
&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%2Fyg0quqm24a58fzldj4l2.jpg" 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%2Fyg0quqm24a58fzldj4l2.jpg" alt="One Task at a time" width="640" height="458"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I’ve talked about breaking down your tasks, but you can take this a step further by being strategic about how you start tackling the smaller chunks. There are studies still debating this. Once your code is out in the wild, you state yourself and your team a lot of time and again, who couldn't use more time? I love this next habit, which isn't exclusive to coding but is so good that I needed to include it: &lt;strong&gt;eating the frog first.&lt;/strong&gt; &lt;/p&gt;

&lt;p&gt;This is going to be true even within coding, as some things will naturally be less engaging than others and the need to get them done can be demotivating. Whether or not we actually have a limited amount of willpower in a given day, we cannot deny that we fundamentally give up on the things that we don't find engaging or when we're feeling drained and we're a lot more likely to procrastinate when this happens.&lt;/p&gt;

&lt;p&gt;Regretfully, there isn't much we can do if we simply don't enjoy an activity, but we can always manage our energy more wisely. In the world of productivity, there's an amazing metaphor for this called "eat the frog." The visual is terrible, but that's also what you'll remember, and it basically involves determining which task is the most challenging of the day and finishing it before moving on to any other work.&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%2F9c87b9202lf49vzak4bo.jpg" 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%2F9c87b9202lf49vzak4bo.jpg" alt="A Dog using Ipad" width="640" height="427"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Since some people are not morning people, a more general interpretation of this would be to save the difficult tasks for when you know you have the energy to complete them, ideally with the least amount of distraction. However, feel free to experiment on yourself at your own risk.&lt;/p&gt;

&lt;p&gt;I am willing to take a risk and suggest that you meditate. The issue I am attempting to tackle here is that you are trying to earn a living from a skill that literally depends on your ability to focus. This is true for many other disciplines as well, but it is especially true for hours, and we are rarely deliberate about setting aside time to hone that skill. You are already ahead of many people in this regard, so it's not really a competition with anyone other than who you were yesterday.&lt;/p&gt;

&lt;p&gt;If the advantages of their coding weren't enough, I've found that meditation helps greatly with things like anxiety and impostor feeling syndrome. It doesn't have to be meditation exactly.&lt;/p&gt;




&lt;h2&gt;
  
  
  Bonus Tip: Practice more Often.
&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%2F8w9v1wwezxv6vsorp9vo.jpg" 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%2F8w9v1wwezxv6vsorp9vo.jpg" alt=" Practice make man perfect" width="640" height="480"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;there is a term called Practice make man perfect, it generally true but also the point to be note is to the &lt;strong&gt;&lt;em&gt;perfect,&lt;/em&gt;&lt;/strong&gt; in this world no one is perfect. but you will agree that with practice you can improve yourself, I would concede that with practice, you may become a better version of yourself in both the coding and the other profession that you aspired to excel in.&lt;/p&gt;

&lt;p&gt;there is no time period or any specific time. to practice and improve your coding skills. it totally depends on the how much focus your are which your are doing the task at a time. &lt;/p&gt;




&lt;p&gt;&lt;a href="https://i.giphy.com/media/5WcpKJct7pDgLzqSji/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/5WcpKJct7pDgLzqSji/giphy.gif" width="480" height="480"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Cheers to 2024! New perspectives and enthusiasm abound in the New Year. As 2024 approaches, fresh starts are waiting to bring happiness into our lives. The arrival of the New Year signals a prosperous future that i hope so may your dream come true wherever you wanted job in FANG Company or wanted to be topper of the class.&lt;/p&gt;

&lt;p&gt;I appreciate you taking the time to read and, if you thought this was useful, please consider following. And don't forget to Drop a "💖🦄🔥🙌🤯", I'll see you in the next one.&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>productivity</category>
      <category>career</category>
      <category>learning</category>
    </item>
    <item>
      <title>My 3rd Year Of Hacktober fest Contribution Journey - 2023</title>
      <dc:creator>Pratap Parui</dc:creator>
      <pubDate>Mon, 30 Oct 2023 03:30:00 +0000</pubDate>
      <link>https://dev.to/pratap360/my-3rd-year-of-hacktober-fest-contribution-journey-2023-3ckg</link>
      <guid>https://dev.to/pratap360/my-3rd-year-of-hacktober-fest-contribution-journey-2023-3ckg</guid>
      <description>&lt;p&gt;This isn't the for first time I've try participate in hacktober fest out with open-source projects that interest me. As a result of learning about a festival like Hacktoberfest, I was charged up and in the mood to spend a fruitful October.&lt;/p&gt;

&lt;h3&gt;
  
  
  So what is the Hacktoberfest ? 🤔
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://i.giphy.com/media/ZaJtnTY8tFZz0PvmW9/giphy-downsized-large.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/ZaJtnTY8tFZz0PvmW9/giphy-downsized-large.gif" width="480" height="480"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Hacktoberfest Overview:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Hacktoberfest is nothing but a month event promoting open-source contributions via platforms like GitHub/Gitlab. Participants aim to submit four pull requests, fostering collaborative coding and skill development.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Ways to Contribute:&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Explore Hacktoberfest Topics:&lt;/strong&gt; Check GitHub's Hacktoberfest topic and filter issues labeled 'hacktoberfest' combined with specific programming languages to find suitable repositories.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Find Good First Issues:&lt;/strong&gt; Look for issues labeled 'good first issue' to identify beginner-friendly tasks with clear documentation.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Consider Documentation Tasks:&lt;/strong&gt; Contribute to projects labeled 'documentation' by improving comments and README files.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;blockquote&gt;
&lt;p&gt;To know more about Hacktoberfest just read the below 👇🏼&lt;/p&gt;
&lt;/blockquote&gt;


&lt;div class="ltag__link"&gt;
  &lt;a href="/pratap360" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&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%2Fuser%2Fprofile_image%2F582981%2F1faceac8-5433-4814-90da-7f635bd5b184.png" alt="pratap360"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/pratap360/all-about-hacktober-fest-2022-you-need-to-know-375m" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;All About Hacktober Fest You Need To Know&lt;/h2&gt;
      &lt;h3&gt;Pratap Parui ・ Oct 22 '22&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#opensource&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#webdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#hacktoberfest&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#hacktoberfest23&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


&lt;p&gt;&lt;u&gt;OR Read the full blog at&lt;/u&gt; &lt;a href="https://www.mrparuiweb.live/2022/10/all-about-hacktober-fest-you-need-to-know.html" rel="noopener noreferrer"&gt;Mr Parui Web.live&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  My 3rd Journey Of Hacktoberfest.
&lt;/h2&gt;

&lt;p&gt;As October draws to a close, I contemplate my transformative experience with Hacktoberfest. It's been a journey of discovery and collaboration, highlighting the rewards of contributing to open source.&lt;/p&gt;

&lt;p&gt;I began my Hacktoberfest adventure with the excitement of a novice, embracing the opportunity to contribute to open-source repositories. What followed was a profound realization of the unity and camaraderie within the global developer community. Each pull request represented a step toward personal and collective growth.&lt;/p&gt;

&lt;p&gt;My journey wasn't just about coding; it was about embracing the ethos of open source.&lt;/p&gt;

&lt;h3&gt;
  
  
  The Experience
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;I participated in Hacktoberfest by making contributions to various open-source projects on GitHub.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;I set a goal to make at least four pull requests to meet the Hacktoberfest requirements and guess what I nearly made 11 PR and still 3 of them are pending to accept&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Also got some Holopin Badges while contributing to Repositories 😁&lt;/p&gt;&lt;/li&gt;
&lt;/ul&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%2Fur5v56l5kxim0fomkyoy.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%2Fur5v56l5kxim0fomkyoy.png" alt="HF Page PR" width="800" height="523"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Simultaneously I also participated into HackSquad, and we have done very well performing at the beginning of the event but unfortunately our team is not doing an active contributions to Repos , but nevertheless it doesn't matter of Gifts or Swags but you have the courage to contribute to open source you will do it.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;My contributions to all different repositories were satisfying, highlighting the importance of clear communication and teamwork in open-source projects. &lt;/p&gt;&lt;/li&gt;
&lt;/ul&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%2Fyvqt1m5txok7wttth5iz.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%2Fyvqt1m5txok7wttth5iz.png" alt="Holopins Badges" width="800" height="433"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;I grasped the importance of clear and effective communication within open-source projects.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;My confidence in contributing to practical projects increased substantially.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;the fest is beyond technical contributions, fostering a philosophical shift towards shared learning and accessibility in the digital realm. It's a community dedicated to a greater collective purpose.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://i.giphy.com/media/JIX9t2j0ZTN9S/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/JIX9t2j0ZTN9S/giphy.gif" width="480" height="480"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;I effectively divided the key responsibilities within a personal project that had been on the backburner for some time. It was gratifying to witness the project's gradual enhancement with each subsequent iteration.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;As I worked on multiple projects, I became more familiar with various aspects of open source contributions.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Along the way, I faced a variety of technologies and implementation issues that aided my development. &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;The difficulties experienced in each project varied greatly, whether it was dealing with installation intricacies or rectifying mistakes.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;The combination of these encounters was a watershed moment in my development within the open source community.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Each project acted as a stepping stone, teaching me essential lessons and honing my problem-solving abilities, technical knowledge, and collaborative attitude.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;These experiences opened the path for a more complete knowledge base, inspiring me to take on more complicated issues and contribute more.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  Conclusion
&lt;/h3&gt;

&lt;p&gt;If I were to sum up in one line, I definitely recommend you to register for &lt;strong&gt;&lt;a href="https://hacktoberfest.com/" rel="noopener noreferrer"&gt;Hacktoberfest.com&lt;/a&gt;&lt;/strong&gt; begin making open-source contributions. &lt;/p&gt;

&lt;p&gt;As my third Hacktoberfest concludes, I urge you to embrace the open-source philosophy, recognizing every line of code as a contribution to a collaborative and innovative landscape. Start with a pull request, and discover a path of growth and meaningful impact. Join me in celebrating the spirit of open source and its transformative journey.&lt;/p&gt;

&lt;p&gt;That a End of my Article as well as Hacktoberfest Season too, so I appreciate you taking the time to read my article &amp;amp; You have given your valuable time and attention to this blog. &lt;/p&gt;

&lt;p&gt;Thank you very much Have a pleasant day 😊&lt;/p&gt;

&lt;p&gt;&lt;a href="https://i.giphy.com/media/QyJ0We4GHpjBa7PvKL/giphy-downsized.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/QyJ0We4GHpjBa7PvKL/giphy-downsized.gif" width="406" height="332"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>hacktoberfest23</category>
      <category>opensource</category>
      <category>webdev</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Pratap's Hacktoberfest 2023 Pledge</title>
      <dc:creator>Pratap Parui</dc:creator>
      <pubDate>Sun, 29 Oct 2023 09:24:40 +0000</pubDate>
      <link>https://dev.to/pratap360/prataps-hacktoberfest-2023-pledge-84c</link>
      <guid>https://dev.to/pratap360/prataps-hacktoberfest-2023-pledge-84c</guid>
      <description>&lt;p&gt;&lt;a href="https://i.giphy.com/media/Cmr1OMJ2FN0B2/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/Cmr1OMJ2FN0B2/giphy.gif" width="500" height="500"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Intro
&lt;/h3&gt;

&lt;p&gt;Hello 👋 Everyone Myself Pratap I'm a blogger, full stack developer, open-source contributor, Cloud and tech community Enthusiast based in the Mumbai, India.&lt;/p&gt;

&lt;p&gt;Also I'm working as Trainee Backend Developer in Datamatics full time apart form that I like to watch anime and listen to some lo-fi music while coding. 😁&lt;/p&gt;




&lt;h2&gt;
  
  
  Background
&lt;/h2&gt;

&lt;p&gt;So this is my Third year of participating in Hacktoberfest!&lt;/p&gt;

&lt;p&gt;This time, I want to go above and above by assisting open source newbies! So, here's my promise.&lt;/p&gt;

&lt;p&gt;So In Hacktoberfest provided an excellent chance to begin contributing to open source projects. I selected tasks that were basic yet nonetheless challenging. It was an excellent approach to learn new features and strategies.&lt;/p&gt;

&lt;p&gt;Hacktoberfest is a worldwide event, and I had the opportunity to meet individuals from all around the world. It was an extremely enlightening experience that taught me about other cultures and points of view.&lt;/p&gt;




&lt;p&gt;&lt;a href="https://i.giphy.com/media/XY9yFG2i64OrEJ4ooo/giphy.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://i.giphy.com/media/XY9yFG2i64OrEJ4ooo/giphy.gif" width="480" height="270"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Pledge
&lt;/h3&gt;

&lt;p&gt;This year, I'm committed to participating in the community-driven initiative, Hacktoberfest. My dedication involves actively engaging with various open-source projects throughout October.&lt;/p&gt;

&lt;h4&gt;
  
  
  &lt;strong&gt;Objectives&lt;/strong&gt;
&lt;/h4&gt;

&lt;p&gt;My goals for Hacktoberfest 2023 revolve around two main aims. Firstly, I aspire to discover and explore more open-source projects, even if my contributions aren't direct. Secondly, I aim to full fill the requirement of having at least 4 pull requests accepted, with the added aspiration of being among the first 50,000 contributors. This achievement would lead to a tree being planted on our behalf.&lt;/p&gt;

&lt;h4&gt;
  
  
  &lt;strong&gt;My Commitment&lt;/strong&gt;
&lt;/h4&gt;

&lt;p&gt;Therefore, I am making a heartfelt commitment to contribute to the open-source community to the best of my abilities.&lt;/p&gt;

</description>
      <category>hacktoberfest23</category>
      <category>opensource</category>
      <category>webdev</category>
      <category>codenewbie</category>
    </item>
    <item>
      <title>All About Hacktober Fest You Need To Know</title>
      <dc:creator>Pratap Parui</dc:creator>
      <pubDate>Sat, 22 Oct 2022 11:11:16 +0000</pubDate>
      <link>https://dev.to/pratap360/all-about-hacktober-fest-2022-you-need-to-know-375m</link>
      <guid>https://dev.to/pratap360/all-about-hacktober-fest-2022-you-need-to-know-375m</guid>
      <description>&lt;p&gt;Finally, a new year of Hacktoberfest has begun! , Yes, I realize I'm a little late in posting this blog article , and I apologies for that.&lt;/p&gt;

&lt;p&gt;So I would be guide you and explain all about the Hacktober fest as well as my personal experience so read it till the end. &lt;/p&gt;

&lt;h2&gt;
  
  
  So whom is event for ? 🤔
&lt;/h2&gt;

&lt;p&gt;It is For anyone new to &lt;strong&gt;coding, developing, or&lt;/strong&gt; &lt;strong&gt;designing&lt;/strong&gt; this year's event is full of new projects and maintainers to work with. For the second year, I've opted to become a Contributor as well as maintainer to assist contribute to the open source community.&lt;/p&gt;

&lt;p&gt;With this being said, have a look at the repo! You guessed it! &lt;/p&gt;

&lt;p&gt;Basically My Project is a Type of Web app (Contains Tools) in which user can interacts with Different Tools Such as&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Qr Code Generator&lt;/li&gt;
&lt;li&gt;Password Generator&lt;/li&gt;
&lt;li&gt;Todo list&lt;/li&gt;
&lt;li&gt;Draw tool&lt;/li&gt;
&lt;/ol&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fassets.dev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/pratap360" rel="noopener noreferrer"&gt;
        pratap360
      &lt;/a&gt; / &lt;a href="https://github.com/pratap360/MyToolKits" rel="noopener noreferrer"&gt;
        MyToolKits
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      My Toolkits is a Progressive web app made with Materialize css , it is all about different tools to use via offline mode as it is lite in size !| Star 🌟 it then fork it and do code then create PR
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;My Toolskit - Progressive web application (PWA)&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;&lt;a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/d4d9d935f85b68223a3514c6a889ea3ed6a77afb5f560c05baa1a1b168077830/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f68746d6c352d2532334533344632362e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d68746d6c35266c6f676f436f6c6f723d7768697465"&gt;&lt;img src="https://camo.githubusercontent.com/d4d9d935f85b68223a3514c6a889ea3ed6a77afb5f560c05baa1a1b168077830/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f68746d6c352d2532334533344632362e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d68746d6c35266c6f676f436f6c6f723d7768697465" alt="HTML5"&gt;&lt;/a&gt;
&lt;a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/930c71eac967cc5cec61c0aa08ba3719f9cb68e28cdffa63b28b0a31be1663b4/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f637373332d2532333135373242362e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d63737333266c6f676f436f6c6f723d7768697465"&gt;&lt;img src="https://camo.githubusercontent.com/930c71eac967cc5cec61c0aa08ba3719f9cb68e28cdffa63b28b0a31be1663b4/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f637373332d2532333135373242362e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d63737333266c6f676f436f6c6f723d7768697465" alt="CSS3"&gt;&lt;/a&gt;
&lt;a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/29d02b3669d6450d67e043cf5909e740dcb94c1e2306d88ac48b15b4ec55dc65/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6a6176617363726970742d2532333332333333302e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d6a617661736372697074266c6f676f436f6c6f723d253233463744463145"&gt;&lt;img src="https://camo.githubusercontent.com/29d02b3669d6450d67e043cf5909e740dcb94c1e2306d88ac48b15b4ec55dc65/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6a6176617363726970742d2532333332333333302e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d6a617661736372697074266c6f676f436f6c6f723d253233463744463145" alt="JavaScript"&gt;&lt;/a&gt;
&lt;a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/4895e29952b0f0004b732a40b16a0e1580e90bfa218bbb8741027051b83c2171/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4d6174657269616c2d2d55492d3030383143423f7374796c653d666f722d7468652d6261646765266c6f676f3d6d6174657269616c2d7569266c6f676f436f6c6f723d7768697465"&gt;&lt;img src="https://camo.githubusercontent.com/4895e29952b0f0004b732a40b16a0e1580e90bfa218bbb8741027051b83c2171/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4d6174657269616c2d2d55492d3030383143423f7374796c653d666f722d7468652d6261646765266c6f676f3d6d6174657269616c2d7569266c6f676f436f6c6f723d7768697465" alt="Material UI"&gt;&lt;/a&gt;
&lt;a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/f661807b4046d822de960b43ec69a1dcf63c918c18676797c8bcac8abe87ae0b/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6a51756572792d3037363941443f7374796c653d666f722d7468652d6261646765266c6f676f3d6a7175657279266c6f676f436f6c6f723d7768697465"&gt;&lt;img src="https://camo.githubusercontent.com/f661807b4046d822de960b43ec69a1dcf63c918c18676797c8bcac8abe87ae0b/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6a51756572792d3037363941443f7374796c653d666f722d7468652d6261646765266c6f676f3d6a7175657279266c6f676f436f6c6f723d7768697465" alt="Jquery"&gt;&lt;/a&gt;
&lt;a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/1633b3409b21202868a15bb9cfec105ebd313d5d59626b963e0838d30ad17d13/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f526573706f6e736976652d3130302532352d7265643f7374796c653d666f722d7468652d6261646765"&gt;&lt;img src="https://camo.githubusercontent.com/1633b3409b21202868a15bb9cfec105ebd313d5d59626b963e0838d30ad17d13/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f526573706f6e736976652d3130302532352d7265643f7374796c653d666f722d7468652d6261646765" alt="Responsive"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Project overview&lt;/h2&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;This repository consists of files required to deploy a &lt;em&gt;&lt;strong&gt;Web App or PWA&lt;/strong&gt;&lt;/em&gt; created with &lt;a href="https://materializecss.com/" rel="nofollow noopener noreferrer"&gt;Materialize Css&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Basically My Project is a Type of Web app (Contains Tools)in which user can interacts with Different Tools Such as &lt;br&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;1.Qr Code Generator &lt;br&gt;
2.Password Generator&lt;br&gt;
3.Todo list &lt;br&gt;
4.Draw tool&lt;br&gt;
And many more to Come&lt;/p&gt;
&lt;/blockquote&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;How to contribute in this repo check here&lt;/h1&gt;
&lt;/div&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;&lt;a href="https://github.com/pratap360/MyToolKits./CONTRIBUTING.md" rel="noopener noreferrer"&gt;Contribution.md&lt;/a&gt;&lt;/h2&gt;

&lt;/div&gt;
&lt;br&gt;
&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;Screenshot&lt;/h1&gt;

&lt;/div&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;- Home page&lt;/h2&gt;

&lt;/div&gt;
&lt;p&gt;&lt;a rel="noopener noreferrer" href="https://github.com/pratap360/MyToolKits./assets/images/frontpage.png"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fgithub.com%2Fpratap360%2FMyToolKits.%2Fassets%2Fimages%2Ffrontpage.png" alt="home"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;To know about PWA You can visit this &lt;a href="https://web.dev/progressive-web-apps/" rel="nofollow noopener noreferrer"&gt;site&lt;/a&gt;&lt;/p&gt;

&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;Steps to Follow 👇&lt;/h1&gt;

&lt;/div&gt;
&lt;div class="markdown-heading"&gt;
&lt;h3 class="heading-element"&gt;Fork this repository&lt;/h3&gt;

&lt;/div&gt;
&lt;p&gt;Fork this repository by clicking on the fork button on the top of this page. This will create a copy of this repository in your account.&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h3 class="heading-element"&gt;Clone the repository&lt;/h3&gt;

&lt;/div&gt;
&lt;p&gt;Now clone the forked repository to your system. Go to your GitHub account, open the forked repository, click on the code button and then clone the repository.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;if you want to use&lt;/em&gt;…&lt;/p&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/pratap360/MyToolKits" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


&lt;p&gt;Also Please Check out my Repository and Feel free to contribute and star 🌟 the repository if you like it. ❤️ &lt;a href="https://github.com/pratap360/MyToolKits" rel="noopener noreferrer"&gt;MyToolkits Repository&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;As I started this project during my Collage final year project, but no updates have been made, I believe that with the support of Hacktoberfest participants, it would be a good opportunity to include this project, and I would appreciate your help and others in the community to contribute once again!&lt;/p&gt;

&lt;p&gt;We still have a lot of issues to work on, but we'll start with a few "good first issue" &amp;amp; “help wanted”  as well as ”Hacktoberfest-accepted” labels to get everyone started. If you would want to contribute this year, please read the requirements for contributing.  Before starting always read the &lt;a href="https://github.com/pratap360/MyToolKits/blob/main/README.md" rel="noopener noreferrer"&gt;README.md&lt;/a&gt; and *&lt;strong&gt;&lt;em&gt;&lt;a href="https://github.com/pratap360/MyToolKits/blob/main/CONTRIBUTING.md" rel="noopener noreferrer"&gt;Contribution.md&lt;/a&gt;&lt;/em&gt;&lt;/strong&gt;*&lt;/p&gt;

&lt;h2&gt;
  
  
  What Exactly Is Hacktoberfest ?
&lt;/h2&gt;

&lt;p&gt;Hacktoberfest is a month-long event that takes place this year from October 1 to October 31, and invites people of all skill levels to contribute to their favorite open source projects. Since 2014, Hacktoberfest has been started and hosted by Digital Ocean , Appwrite, Docker and many more. &lt;/p&gt;

&lt;p&gt;It has been awarding open-source project contributors with merchandise swag in exchange for pull requests, and more recently even planting trees in the contributor’s name.&lt;/p&gt;

&lt;p&gt;This year they are promoting three values:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Everyone is welcome.&lt;/li&gt;
&lt;li&gt;Quantity is fun, &lt;strong&gt;quality is key&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Short-term action, long-term impact.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Generally, contributing code is more involved, as it requires a deep understanding of the project. &lt;/p&gt;

&lt;p&gt;As a result, maintainers have to deal with additional work. The best way to help everyone is to &lt;em&gt;improve documentation,&lt;/em&gt; especially from the user's perspective. however You can also contribute by updating example projects to use the latest software version.&lt;/p&gt;

&lt;h3&gt;
  
  
  So What is Git and Github ? 🤔
&lt;/h3&gt;

&lt;p&gt;Let’s understand the terms like  Git, GitHub and Open Source.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;&lt;em&gt;GitHub&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;GitHub is a code hosting platform for collaboration and version control. GitHub lets you (and others) work together on projects.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;em&gt;Git&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Git is a free and open-source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Open Source Contribution&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Open Source contribution means contributing to the development or improvement of open-source software and projects. Open-source software indicates the public repository on GitHub or GitLab.&lt;/em&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  My personal Experience in Hacktober fest 2021
&lt;/h2&gt;

&lt;p&gt;So here are my some points that what I have experience &amp;amp; learn through out the event &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Such as using Git (in terminal kind of or you can say it is similar to Command prompt (cmd) but it is not the same ) Also I implement the git bash cmd int0o VS Code editor also I came to know the using Git lens plugins&lt;/li&gt;
&lt;li&gt;I learn to how to manage the repository in GitHub during this event&lt;/li&gt;
&lt;li&gt;I understand the how does open source work by using the Github&lt;/li&gt;
&lt;li&gt;As I understand the some basic commands of the Git then after I understand how to contribute as new contributor.&lt;/li&gt;
&lt;/ul&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%2Fq1t9dte5xskf3bs5p4y3.jpg" 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%2Fq1t9dte5xskf3bs5p4y3.jpg" alt="Stickers pack and letters" width="800" height="559"&gt;&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%2F7tiiqnbbemfxm94t597h.jpg" 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%2F7tiiqnbbemfxm94t597h.jpg" alt="Hacktober fest T-shirt" width="800" height="1080"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;here are my swags that I have received of pervious year&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;As a result, these are just a few of my personal experiences from the event; if I wrote about everything you will be get bored , Nonetheless, I had a great time because it allowed me to contribute to the various repository and it gave me happiness &amp;amp; dopamine's released while I contribute into the repository 😂 by the way as I contributed to almost 25+ repository but later onwards it’s only approved of 15 no issue still I’m filling happy as I'm the stared as beginner the number is still looking big but yes I know it’s nothing for the advance people 😅&lt;/p&gt;

&lt;h3&gt;
  
  
  Conclusion
&lt;/h3&gt;

&lt;p&gt;If I were to sum up in one line, I definitely recommend you to register for &lt;strong&gt;Hacktoberfest and begin making open-source contributions&lt;/strong&gt;. You will learn how to understand extensive code bases or non code bases and it will help you improve your coding skills as well as your knowledge. Cause there is no restrictions on the entrance, as I already told you , so You can start it as a beginner!&lt;/p&gt;

&lt;p&gt;You can Register Yourself Now: &lt;a href="https://hacktoberfest.com/" rel="noopener noreferrer"&gt;Hacktoberfest.com&lt;/a&gt; page&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Happy Coding!! and let's get started with HACKTOBERFEST and Grab a T-shirt and Stickers pack .&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;I appreciate you taking the time to read my article or You have given your valuable time and attention to my article, thank you &lt;/p&gt;

&lt;p&gt;Thank you very much Have a pleasant day 😊&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;read the full blog at &lt;a href="https://www.mrparuiweb.live/2022/10/all-about-hacktober-fest-you-need-to-know.html" rel="noopener noreferrer"&gt;MrParuiWeb.dev&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>opensource</category>
      <category>webdev</category>
      <category>hacktoberfest</category>
      <category>hacktoberfest23</category>
    </item>
  </channel>
</rss>
