{"id":17788280,"url":"https://github.com/nickytonline/connect-four","last_synced_at":"2025-03-16T09:32:35.752Z","repository":{"id":60165388,"uuid":"541050615","full_name":"nickytonline/connect-four","owner":"nickytonline","description":"A web based version of the classic game Connect Four","archived":true,"fork":false,"pushed_at":"2024-11-25T16:27:34.000Z","size":5549,"stargazers_count":9,"open_issues_count":16,"forks_count":16,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-03-11T15:14:16.752Z","etag":null,"topics":["hacktoberfest","svelte","typescript"],"latest_commit_sha":null,"homepage":"https://awesome-connect-four.netlify.app","language":"Svelte","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nickytonline.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE-OF-CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-09-25T04:32:54.000Z","updated_at":"2024-11-25T20:40:03.000Z","dependencies_parsed_at":"2023-02-16T08:31:00.460Z","dependency_job_id":null,"html_url":"https://github.com/nickytonline/connect-four","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nickytonline%2Fconnect-four","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nickytonline%2Fconnect-four/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nickytonline%2Fconnect-four/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nickytonline%2Fconnect-four/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nickytonline","download_url":"https://codeload.github.com/nickytonline/connect-four/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243852447,"owners_count":20358268,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["hacktoberfest","svelte","typescript"],"created_at":"2024-10-27T10:18:17.664Z","updated_at":"2025-03-16T09:32:35.303Z","avatar_url":"https://github.com/nickytonline.png","language":"Svelte","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![Netlify Status](https://api.netlify.com/api/v1/badges/9d86a366-98d4-48d3-acf1-0fd2c817daec/deploy-status)](https://app.netlify.com/sites/awesome-connect-four/deploys)\n\n# connect-four\n\nA web-based version of the classic game Connect Four.\n\nConnect Four is a two-player connection board game. It is also known as Connect 4, Four Up, Plot Four, Find Four, Captain's Mistress, Four in a Row, Drop Four, and Gravitrips in the former Soviet Union.\n\nPlayers choose a colour and then take turns dropping coloured tokens into a seven-column, six-row, vertically suspended grid. The pieces fall straight down, occupying the lowest available space within the column.\n\nThe game's objective is to be the first to form a horizontal, vertical, or diagonal line of four of one's own tokens. Connect Four is a solved game. The first player can always win by playing the right moves. Connect Four is a two-player game with perfect information for both sides, meaning that nothing is hidden from anyone. Connect Four also belongs to an adversarial, zero-sum game classification since a player's advantage is an opponent's disadvantage.\n\nReference [Connect Four on Wikipedia](https://en.wikipedia.org/wiki/Connect_Four)\n\n## Contributing\n\nIf you're interested in contributing to the project, please read the\n[contributing guidelines](CONTRIBUTING.md).\n\n## Recommended IDE Setup\n\n[VS Code](https://code.visualstudio.com/) +\n[Svelte](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode).\n\n## Development\n\n### Local Development\n\n1. Ensure that you have the [latest version of Node 16](https://nodejs.org/en/download/) installed.\n1. If you do not have the Netlify CLI installed, follow the\n   [Getting Started with Netlify CLI](https://docs.netlify.com/cli/get-started/) guide.\n1. Run `npm install`\n1. Run `ntl dev`.\n\n### Development in Gitpod\n\n[Gitpod](https://gitpod.io) is an online integrated development environment (IDE); TLDR an online\neditor. Gitpod provides a VS Code-like experience in the browser.\n\nTo load the project, first fork this project to your own account, and then from the fork, e.g.\nhttps://github.com/some-user/connect-four, you can load it in Gitpod by prepending the URL with\n`https://gitpod.io/#`, e.g. `https://gitpod.io/#https://github.com/some-user/connect-four`\n\nIt'll take a minute to load up.\n\n![Gitpod loading animation](gitpod-loading.png)\n\nGitpod will prompt to open in VS Code. Click the X in the top right of the prompt.\n\n![Prompt to open Gitpod container in VS Code](open-in-gitpod-container-vscode.png)\n\nGitpod will prompt you to install the Svelte for VS Code extension. Click the Install button.\n\n![Prompt asking to install the Svelte for VS Code extension](svelte-for-vs-code-extension.png)It\nwill install all npm packages for the project. Once all the dependencies are installed, it will load\nthe project by running `ntl dev` and the app will appear in development mode.\n\n![Connect Four project loaded in Gitpod](gitpod.png)\n\nFrom there, you can start developing like you would if working on your local machine's IDE.\n\n## Development in CodeSandbox\n\n[CodeSandbox](https://codesandbox.io/) is a popular online code editor that works well for creating small web applications. You can use CodeSandBox right in the browser while you work on your code contributions to the `connect-four` repository.\n\nTo get started, you will need to sign in or signup for a [CodeSandbox](https://codesandbox.io/) account. Once you are logged in, go to the [connect-four CodeSandbox repo URL](https://codesandbox.io/p/github/nickytonline/connect-four/main?file=%2FREADME.md).\n\nYou should see a complete list of files, a README and the preview window.\n![connect four CodeSandbox repo](./codesandbox-connect-four.png)\n\nIn the upper right hand corner, click on the Branch dropdown and choose the \"Fork project\" option. This will create your own copy of the `connect-four` repository on CodeSandbox.\n\n![CodeSandbox fork a project](./fork-codesandbox-repo.png)\n\nYou will then be asked to create a name for your forked repository.\n\n![CodeSandbox create name for forked repo](./rename-repo-codesandbox.png)\n\nWhen you click on the \"Create new fork\" button, it will create a new forked copy of the `connect-four` repository. From there, you can create a new branch by clicking on the Branch button in the upper right hand corner to start working on contributing to the repo.\n\nYou might also see a message like this to install GitHub Apps which helps you run your development server on CodeSandbox.\n\n![CodeSandbox GitHub apps install](./github-apps-codesandbox-install.png)\n\nOnce you make some changes, you can commit and push up your work and create a PR by using the Git tools located in the left hand corner of the screen.\n\n![Git tools in CodeSandbox](./git-tools-codesandbox.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnickytonline%2Fconnect-four","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnickytonline%2Fconnect-four","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnickytonline%2Fconnect-four/lists"}