A search engine to find newbie-friendly GitHub issues. The issue finder helps you find a list of beginner-friendly GitHub repos, backed by Y Combinator, that have Ruby and Javascript issues that are good for new contributors.
👉 Watch this YouTube video for a quick user's guide!
Honorable Mentions:
Linkedin Post: Denis Lafontant
- JavaScript
- REACT
- REDUX
- THUNK
- Tailwind CSS
-
Milestone 1: Setup the project and install dependencies
-
Milestone 2: Setup Redux store
-
Milestone 3: Setup thunk
-
Milestone 4: Add label logic
-
Milestone 5: Add filter logic
-
Milestone 6: Create basic UI/UX to display App information
-
Milestone 7: Add Analytics support
-
Milestone 8: Refactor and optimize components/redux
-
Milestone 9: Update Meta for SEO
-
Milestone 10: Deploy live APP
-
Debug linter errors
- Code Editor, e.g. VS Code
- Git and a GitHub account
Getting a local copy of Issue Finder up and running is easy with these following steps.
In your terminal, navigate to the directory you would like to store the project and run the git-command:
git clone https://github.com/voscarmv/issue-finder.git
After the git-command navigate into the project folder using cd
:
cd issue-finder
Now you can open the project in your favorite code editor.
Note
For VS Code you can use the command code .
to quickly open projects in the editor.
After you have cloned the project and have navigated into the project. You
need to install the required dependencies using npm
, or your perferred package manager:
npm install
You will also need to create a .env
file to later store your GitHub access token in.
Note
The access token is needed for the app to make API calls to GitHub.
touch .env
With the .env
file created, you can generate an access token in your settings and add that access token to the REACT_APP_API_KEY
variable.
echo REACT_APP_API_KEY=ghp_my_github_token > .env
Your token will start with either ghp_
or github_pat_
, depending on if you generated a classic token or a fine-tuned token. Both will work for this application.
Important
The GitHub access token doesn't need any scopes to function.
Now that the dependencies are installed and your environment is setup. You can run the application using npm
or your perferred package manager:
npm start
- Run
npx eslint .
which will print any errors found. - Run
npx eslint . --fix
to automatically fix the errors.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
- Select a label from the first drop down menu
- Select a language from the second drop down menu
- Click
FIND ISSUES
to filter through great issues matching your search query - Click on a issue from the list of issues below to view your next open source contribution on GitHub
Make some coffee in the time you saved finding an amazing issue for your next contribution!
👤 OSCAR MIER
- GitHub: @voscarmv
- YouTube: Oscar Mier
- LinkedIn: Oscar Mier
👤 SHADMAN ALI
- GitHub: @shadmanhere
- Twitter: @shadmanhere
- LinkedIn: Shadman Ali
👤 STEVE W DAMES JR
- GitHub: @steveWDamesJr
- Twitter: @SteveWDamesJr
- LinkedIn: Steve W Dames Jr
👤 JOSE RAMON
- GitHub: @jr-cast
- Twitter: @josercastanos
- LinkedIn: Jose Ramon Castaños
👤 RICARDO VALTIERRA
- GitHub: @ricardovaltierra
- Twitter: @RicardoValtie15s
- LinkedIn: Ricardo Valtierra
👤 DENIS LAFONTANT
- GitHub: @icebox827
- Twitter: @heracles2k5
- LinkedIn: Denis Lafontant
Thank you for your commitment and tireless efforts. The value you bring to our team is priceless, and we deeply appreciate your contributions. Your admirable dedication and unwavering commitment are truly commendable. Thanks for all that you do to support our team.
Join our Whatsapp group!
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
- Hat tip to anyone whose code was used.
This project is MIT licensed.