Hacktoberfest is well known open-source celebration that encourages participation in the open source community. The open issues of public repositories on GitHub that are labelled as hacktoberfest
are eligible for contribution through Hacktoberfest.
Although there are ways provided by GitHub to filter the issues, we have a npm module (hacktoberfest-issues-hunt
) to list Hacktoberfest Issues.
Let's create a React App using hacktoberfest-issues-hunt
module to display all the Hacktoberfest issues in tabular form.
If you're looking for online IDEs, it's recommended to use CodeSandbox.
NOTE: To use
hacktoberfest-issues-hunt
module, you need to supply your personal access token provided by GitHub. You can easily create one here.
- An option to search issues based on langauges like
js
,cpp
,go
,python
, etc. - An option to search issues based on labels like
first timers only
,beginner friendly
,help wanted
, etc. - Enable pagination (show 10 issues per page)
- You may use any framework like Bootstrap to make it responsive.
- The npm module
hacktoberfest-issues-hunt
supports options to filter the issues based on languages and labels.
react-bootstrap
hacktoberfest-issues-hunt
(Refer the documentation here)- Create a New React App
- Refer this if you're facing an issue in generating GitHub personal access token.
Never push your token on GitHub. It "acts as a password" coupled with rights which can be revoked. Please revoke/delete your token if you've committed by mistake.