{"id":24510497,"url":"https://github.com/la-lo-go/the-phpoly","last_synced_at":"2025-04-14T08:11:14.611Z","repository":{"id":53253206,"uuid":"521341140","full_name":"la-lo-go/the-PHPoly","owner":"la-lo-go","description":"Monopoly web port with vanilla JavaScript","archived":false,"fork":false,"pushed_at":"2022-08-05T18:30:50.000Z","size":21433,"stargazers_count":6,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-27T21:46:50.854Z","etag":null,"topics":["dom-manipulation","game","jquery","monopoly-game","php","sass","sql","vanilla-javascript","webgame"],"latest_commit_sha":null,"homepage":"https://la-lo-go.github.io/the-PHPoly/index_html.html","language":"HTML","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/la-lo-go.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-08-04T16:36:47.000Z","updated_at":"2025-01-25T14:11:12.000Z","dependencies_parsed_at":"2022-08-27T06:21:50.923Z","dependency_job_id":null,"html_url":"https://github.com/la-lo-go/the-PHPoly","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/la-lo-go%2Fthe-PHPoly","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/la-lo-go%2Fthe-PHPoly/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/la-lo-go%2Fthe-PHPoly/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/la-lo-go%2Fthe-PHPoly/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/la-lo-go","download_url":"https://codeload.github.com/la-lo-go/the-PHPoly/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248843867,"owners_count":21170492,"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":["dom-manipulation","game","jquery","monopoly-game","php","sass","sql","vanilla-javascript","webgame"],"created_at":"2025-01-22T00:29:18.783Z","updated_at":"2025-04-14T08:11:14.561Z","avatar_url":"https://github.com/la-lo-go.png","language":"HTML","readme":"\u003c!-- Logo --\u003e\r\n\u003cdiv align=\"center\" \u003e\r\n\u003cimg src=\"./docs/logo/PHPoly_Logo_Light.svg#gh-dark-mode-only\" align=\"center\" width=\"45%\"/\u003e\r\n\u003cimg src=\"./docs/logo/PHPoly_Logo_Dark.svg#gh-light-mode-only\" align=\"center\" width=\"45%\"/\u003e\r\n\u003c/div\u003e\r\n\r\n\u003c!-- Content --\u003e\r\n4 player Monopoly web game made with HTML, SASS, PHP and JavaScript (vanilla, without any framework) with inspiration from *The Office* series.\r\n\r\nThe players names and icons are stored in a SQL database.\r\n\r\nYou can try a **fully** functional version [here](https://la-lo-go.github.io/the-PHPoly/index_html.html) but note that the names of the players and their icons are set by default and there is not any database hosted there so, if you summit the restart form, it throw an error.\r\n\r\n## Gameplay \r\n![General example demostration GIF](./docs/captures/gifs/GeneralExample.gif)\r\n\r\nPlayers roll a dice (hitting the 🎲 icon) and choose whether to buy the propertie (🪙) or pass (➡️) and if they land on others' properties, they automatically pay rent. The game ends when only one player remains.\r\n\r\nThe game can be restarted clicking the ♻️ icon and a form will appear to enter the names and preffered icon of the players.\r\n\r\n\r\n## UI Details\r\n| Transaction between players  | Dice and buttons switch |\r\n|:---:|:-----------------------:|\r\n|\u003cimg src=\"./docs/captures/gifs/Transaction.gif\" alt=\"Transaction between players GIF\"\u003e|\u003cimg src=\"./docs/captures/gifs/dice.gif\" alt=\"Transaction between players GIF\"\u003e|\r\n\r\n**Properties purchased by the players**\r\n\r\n![](./docs/captures/imgs/Casillas.png)\r\n\r\n\r\n**New Player form**\r\n\r\n\u003cimg src=\"./docs/captures/gifs/NewPlayer.gif\" alt=\"New Player form\" width=\"50%\"\u003e\r\n\r\n## Deploy\r\n1. Copy or clone the repository into your PHP folder\r\n   ```bash\r\n    git clone https://github.com/la-lo-go/the-PHPoly\r\n   ```\r\n2. Import the database (the [thephpoly.sql](./thephpoly.sql) file) into your MySQL server.\r\n3. If necessary, change the `$host`, `$user` or `$pass` values in the [conexion.php](./conexion.php) file with the keys of your database server.\r\n4. Run the PHP and SQL server and enter to the [index.php](./index.php) page\r\n\r\n## Documentation\r\n\u003cdetails\u003e \r\n   \u003csummary\u003eExpand to see the diagrams\u003c/summary\u003e\r\n\r\n   | Use cases  | Navigation flow |\r\n   |:---:|:-----------------------:|\r\n   |\u003cimg src=\"./docs/figures/casos%20de%20uso/PI_Casos%20de%20Uso.drawio.png\" width=\"50%\" alt=\"Use cases diagrams\"\u003e|\u003cimg src=\"./docs/figures/Flujo navegacion/Flujo navegacion.drawio.png\" alt=\"Navigation Flow diagram\"\u003e|\r\n\r\n   | Class diagram  | Architecture |\r\n   |:---:|:-----------------------:|\r\n   |\u003cimg src=\"./docs/figures/Diagrama clases/Diagrama de clases.drawio.png\" alt=\"Class diagram\"\u003e|\u003cimg src=\"./docs/figures/Arquitectura/Arquitectura.drawio.png\" alt=\"Navigation Flow diagram\"\u003e|\r\n\u003c/details\u003e\r\n\r\n## Final notes\r\nI wish this was a complete port but it is not, this was part of my first course final project so a lot of stuff that I would have liked to implement, like building or cards, are not here.\r\n\r\nSo... that's it! Thanks! 🤠\r\n\r\n## References and credits\r\n1. [Monopoly board skeleton](https://codepen.io/johnnycopes/pen/yzQyMp) from [@johnnycopes](https://github.com/johnnycopes)\r\n2. [3D dice with CSS](https://codepen.io/abirana/pen/rNMLrPB) from [@abirana](https://github.com/abirana)\r\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fla-lo-go%2Fthe-phpoly","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fla-lo-go%2Fthe-phpoly","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fla-lo-go%2Fthe-phpoly/lists"}