Search for a command to run...
Hacktoberfest is a celebration of Open Source. Here are 15 repositories to contribute to. It covers JS, HTML, CSS, React, Next.js, Node.js, and more.
Co-Founder, @CreoWis | Teacher, @tapaScript | Founder, @ReactPlay | YouTuber | Writer | Human
Thanks for the amazing guide. I will surely contribute.
I like your blog, and I want to thank you for sharing such important knowledge. eggy car
this is an informative post and it is very beneficial and knowledgeable word hurdle
Welcome Yusuf Olanrewaju
Thank you Muzzammi! Looking forward to seeing your contributions. All the best.
Thanks KirK!
"Open Source" is a magic pot. After spending a couple of years contributing to and maintaining several OSS projects, I am in a position to spread awareness so that more developers participate.
"Open Source" is the thing! However, we must build awareness to contribute to and manage open source projects. Also, learn about Hacktoberfest.
Traditional SSR is great, but it has a massive buffering problem. Let's look into the SSR Streaming and learn how it could be a game changer.
Learn how to build maintainable, reusable forms in React using design patterns like custom hooks, compound components, and context for scalable CRUD
Learn how JavaScript variables work, including let vs const, primitive and reference types, pass by value, and how JavaScript stores data in memory.
A beginner-friendly introduction to JavaScript covering what it is, how it works, and how to set up your JavaScript environment
Learn how the promises are handled internally using event loop. This concept is essentials to debug and work with async programming.
GreenRoots Blog - A Blog by Tapas Adhikary
186 posts
Educator | YouTuber | Building ReactPlay | Let's Connect
Hacktoberfest is a yearly festival celebrating Open Source. It's done in October, and its primary goal is to encourage people worldwide to participate actively and contribute to Open Source Projects hosted across GitHub and GitLab.
To get started, you must register between September 26 and October 31 and find a project that suits your skill, labelled with the "hacktoberfest" label.
Hacktoberfest is not only about the code. Non-code and low-code contributions are also accepted in the event. You can read more about these contributions here.
If you are new to Open Source, please start with this YouTube Video.
I've been contributing to and maintaining several open source projects for a few years. These projects fall into the category of education, productivity, tools, or just a fun app! Many of these projects are getting contributions from people across the globe to make them better.
In HACKTOBERFEST 2022, if you want to contribute to projects in JavaScript, HTML, CSS, React, Next.js, Node.js, and other web development technologies, you must look into them. As the Open Source is not only about the source code contributions, each of these projects also accepts low-code and no-code contributions.
Another add-on is when you contribute to any of these repositories and want to get help, I can mentor you as much as possible. So why wait? Let's explore the repositories.
ReactPlay is an Open Source platform that helps you learn ReactJS faster with a hands-on practice model. It is a collection of projects that you can use to learn ReactJS. Apart from the core platform, you can contribute to other projects like activities, docs, and blog.
Technology Areas:
Contribution Areas:
Repository:
TryShape is an open-source platform to create shapes of your choice using a simple, easy-to-use interface. You can create banners, circles, and polygonal shapes and export them as SVG, PNG, and even CSS.
Technology Areas:
Contribution Areas:
Repository:
The Web APIs Playground project showcases JavaScript Web APIs with examples and demonstrations. Client-side JavaScript APIs are here to help with providing wrapper functions for many low-level tasks.
Technology Areas:
Contribution Areas:
Repository:
It is a single place for all the markdown syntaxes I have learned so far, and the great news is you can add to it.
Technology Areas:
Contribution Areas:
Repository:
Yeah, right. FORK ME!!! Once you fork it, It helps you learn to fork. Many beginners to open source struggle with how forking and merging work! You should have ideas about the UPSTREAM repository, FORKED repository, fetching, and merging. The fork-me repo aims to do that.
Technology Areas:
Contribution Areas:
Repository:
Do you find it hard to visualize how JavaScript promises work? Here is a tool to visualize JavaScript Promises on the browser. You can visualize the JavaScript Promise APIs and learn. It is a playground to learn about promises faster than ever!
Technology Areas:
Contribution Areas:
Repository:
shoes is an online e-commerce shoe store built using Gatsby and Strapi. It is an Open Source project built to learn how to use Gatsby and Strapi to build a static e-commerce site.
Technology Areas:
Contribution Areas:
Repository:
It is an NPM with ~10K downloads. rIt is a notification timeline built using ReactJS that helps manage the notification in a time-based manner.
Technology Areas:
Contribution Areas:
Repository:
nodeX is an OpenSource project to capture working code examples for various node.js modules. It is aimed at helping Node.js developers with code examples. Please contribute to the project in whatever ways possible.
Technology Areas:
Contribution Areas:
Repository:
Flicks is an Open Source project to showcase the integration between Gatsbyjs and HarperDB. It provides a Gatsby-based user interface pulling data from HarperDB. So you can assume it is a library showing information about my favourite books!
Technology Areas:
Contribution Areas:
Repository:
It is a Gatsbyjs plugin that allows you to use the HarperDB as the data source so that a Gatsby project can pull the data at the build time. It will help any Gatsbyjs app to create a prebuilt markup with the data from HarperDB.
Technology Areas:
Contribution Areas:
A playground to get to know all about the key events just with a keystroke!
Technology Areas:
Contribution Areas:
Repository:
This open source project contains a Script to automate adding the Copyright text to one or more source files Recursively. The copyright text gets added to the top of the source file. Ice on the Cake is it doesn't duplicate the copyright text if it has been added already!
Note: The same tool can be used to add text blocks like License, File level Comments etc. Also, don't miss the credit section to know the source of the idea.
Technology Areas:
Contribution Areas:
Repository:
HTML5 is not a new thing. We have used several features since its initial release(October 2014). As part of the #100DaysOfCode initiative, I have taken the time to revisit the feature list again. See what I found? I haven't used a bunch of it!
In this repo, I list down such HTML5 features that I haven't used much but found useful. I have also created a working example flow and hosted it on netlify. It's time you add more to it by contributing to this project.
Technology Areas:
Contribution Areas:
Repository:
All useful HTML File Upload Tips for Web Developers in a single place. This repository contains code examples that explain the tips in detail.
Technology Areas:
Contribution Areas:
Repository:
That's it for now. The primary intention here is to help you with the technologies you aspire to learn. At the same time, you go through the entire lifecycle of the open-source contribution journey. As a maintainer of these projects, it will help a lot to improve them with your contributions. So it is a pure WIN-WIN.
If you found it helpful, please like/share this article so that it reaches others. In case you have any queries, please comment below so that I can respond to you. Let's get started 🚀.
