lucavallin / verto

Your Gateway to Open-Source Collaboration.
https://verto.sh
MIT License
370 stars 86 forks source link
github good-first-issue hacktoberfest javascript nextjs open-source react reactjs typescript

verto.sh

Your Gateway to Open-Source Collaboration.


Step into the world of open-source with verto.sh! We carefully pick out popular projects with easy-to-tackle issues, making it simple for developers to find a new or first project to contribute to. verto.sh is more than just a list — it's a platform. It's where beginners can make their first contribution, founders can build a solid team, and maintainers can find new contributors.

The open-source community is always welcoming new talent, but getting started can feel tough. verto.sh makes it easier. By showing newcomers the ropes and connecting them with projects that need a hand, we're helping not just individuals, but the whole open-source movement.

With verto.sh, take the first step into collaborative coding, and be part of something bigger. Your code today could be the start of something amazing in the open-source community.

Adding a New Project

You're welcome to add a new project in verto.sh, just follow these steps:

How Does It Work?

verto.sh uses Next.js, React and Typescript. The data shown on the website is loaded from the data.json file, which is generated by a function in data/utils.ts. It queries the GitHub and GitLab APIs to fetch issues from the repositories listed in config.json. The labels defined in config.json are used to filter issues for the repositories.

How to Setup The Project Locally

To contribute new features and changes to the website, you would want to run the app locally. Please follow these steps:

  1. Fork the repository, clone it locally, create a new branch to work on a specific feature or bug fix without affecting the main branch of the repository. Make sure you have a recent version of Node.js installed on your computer.
  2. You can use the included data.json as dummy data or you can run npm run prebuild to fetch the latest data from GitHub yourself: for this, you will need to set the GH_PAT environment variable to a valid GitHub Personal Access Token (PAT). Notice: repositories not maching the criteria listed above (see rules in data.jsonare automatically removed from config.json when the [data.json]data/data.json) script runs.
  3. Start the development server and open the app in your browser.
# install the dependencies
$ npm install
# "install" your profile (default)
./scripts/init.sh default
# "install" your profile (cncf)
./scripts/init.sh cncf
# start the development server
$ npm run dev

Good to know when you commit: the project contains a pre-commit hook that runs linters automatically to ensure code quality!