{"id":21056414,"url":"https://github.com/rileymanda/snakes-ladders","last_synced_at":"2026-05-08T05:45:13.319Z","repository":{"id":224816897,"uuid":"764046101","full_name":"RileyManda/snakes-ladders","owner":"RileyManda","description":"This project is a real-time multiplayer game built using Express, and Socket.IO. It allows multiple players to join a game session and play simultaneously in a shared virtual environment. ","archived":false,"fork":false,"pushed_at":"2024-03-08T18:21:05.000Z","size":3005,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-01-20T19:24:11.033Z","etag":null,"topics":["cryptojs","css-grid","flexbox","javascript","socket-io","tainwindcss"],"latest_commit_sha":null,"homepage":"","language":"CSS","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/RileyManda.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,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2024-02-27T11:40:17.000Z","updated_at":"2024-03-01T12:47:50.000Z","dependencies_parsed_at":"2024-03-08T20:12:29.354Z","dependency_job_id":null,"html_url":"https://github.com/RileyManda/snakes-ladders","commit_stats":null,"previous_names":["rileymanda/snakes-ladders-game"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RileyManda%2Fsnakes-ladders","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RileyManda%2Fsnakes-ladders/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RileyManda%2Fsnakes-ladders/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RileyManda%2Fsnakes-ladders/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RileyManda","download_url":"https://codeload.github.com/RileyManda/snakes-ladders/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243500787,"owners_count":20300775,"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":["cryptojs","css-grid","flexbox","javascript","socket-io","tainwindcss"],"created_at":"2024-11-19T16:50:42.749Z","updated_at":"2025-12-30T05:56:08.668Z","avatar_url":"https://github.com/RileyManda.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"app-logo.png\" alt=\"logo\" width=\"140\"  height=\"auto\" /\u003e\n  \u003cbr/\u003e\n\n  \u003ch3\u003e\u003cb\u003eSnakes and Ladders Remake\u003c/b\u003e\u003c/h3\u003e\n\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# \u003cb\u003eTable of Contents 📋\n\n- [📖 About the Project](#about-project)\n  - [🛠 Built With](#built-with)\n    - [Tech Stack](#tech-stack)\n    - [Key Features](#key-features)\n  - [🚀 Live Demo](#live-demo)\n  - [🚀 Project Demo](#project-demo)\n- [💻 Getting Started](#getting-started)\n  - [Setup](#setup)\n  - [Prerequisites](#prerequisites)\n  - [Install](#install)\n  - [Usage](#usage)\n  - [Run tests](#run-tests)\n  - [Deployment](#deployment)\n- [👥 Authors](#authors)\n- [👥 Attribution](#attribution)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [❓ FAQ (OPTIONAL)](#faq)\n- [📝 License](#license)\n\u003c/b\u003e\n\u003chr\u003e\u003chr\u003e\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# \u003cb\u003eSnakes and Ladders Remake  📖\u003c/b\u003e\u003ca name=\"about-project\"\u003e\u003c/a\u003e\nThis project is a real-time multiplayer game built using Express, and Socket.IO. It allows multiple players to join a game session and play simultaneously in a shared virtual environment. The game is based on the classic board game, Snakes and Ladders, where players take turns to roll a dice and move their pieces across the board. The game is won by the first player to reach the last square on the board.\nThe project inspired by https://github.com/Soupaul/snakes-and-ladders-multiplayer\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- BUILT WITH --\u003e\n## \u003cb\u003eBuilt With 🛠\u003c/b\u003e\u003ca name=\"built-with\"\u003e\u003c/a\u003e\u003cbr\u003e\n\n\u003c!-- TECH STACK --\u003e\n### \u003cb\u003eTech Stack 🗜️\u003c/b\u003e\u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/HTML\"\u003eHTML5\u003c/a\u003e markup to build raw structure of this web page\u003c/li\u003e\u003cbr\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/CSS\"\u003eCSS3\u003c/a\u003e custom properties, \u003ca href=\"https://css-tricks.com/snippets/css/a-guide-to-flexbox/\"\u003eFlexBox\u003c/a\u003e, \u003ca href=\"\"\u003eGrid\u003c/a\u003e to make the website visually attractive\u003c/li\u003e\u003cbr\u003e\n    \u003cli\u003e\u003ca href=\"https://reactjs.org/\"\u003eJavascript\u003c/a\u003e\u003c/li\u003e\u003cbr\u003e\n    \u003cli\u003e\u003ca href=\"https://mozilla.github.io/addons-linter/\"\u003eLinters\u003c/a\u003e for coding convention and coding formating\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eJavascript runtime environment\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"\"\u003eNode JS\u003c/a\u003e as a javascript runtime machine [git], a free and open source distributed version control system\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eDeployment\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"#deployment\"\u003eNetlify\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eBundler\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://webpack.js.org/\"\u003eWebpack\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eVersion Control\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://datasift.github.io/gitflow/IntroducingGitFlow.html\"\u003eGitflow\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eSocket IO Control\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://socket.io/\"\u003eSocketIO \u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eCryptoJS\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://www.npmjs.com/package/crypto-js\"\u003eCryptoJS \u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\u003cdetails\u003e\n  \u003csummary\u003eNodemon\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://www.npmjs.com/package/nodemon\"\u003eNodemon \u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- KEY FEATURES --\u003e\n### \u003cb\u003eKey Features 🏷️\u003c/b\u003e \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- **Snakes a ladders board**\n- **Display player positions**\n- **Display players**\n- **Display score board**\n- **If a player wind display winner**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- LIVE DEMO --\u003e\n## \u003cb\u003eLive Demo 🚀\u003c/b\u003e\u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n\nNo Live demo available\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\u003chr\u003e\n\n\u003c!-- PROJECT DEMO --\u003e\n## \u003cb\u003eProject Demo 🏁\u003c/b\u003e\u003ca name=\"project-demo\"\u003e\u003c/a\u003e\n\nNo project demo available\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\u003chr\u003e\n\n\u003c!-- GET STARTED --\u003e\n## \u003cb\u003eGetting Started 💻\u003c/b\u003e\u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo get a local copy up and running, follow these steps.\n\n\u003c!-- PREREQUISITIES --\u003e\n### \u003cb\u003ePrerequisites 🧱\u003c/b\u003e\u003ca name=\"prerequisites\"\u003e\u003c/a\u003e\n\nIn order to run this project you need:\n\n- A Github account\n- Node JS\n- A web browser to view output e.g [Chrome](https://www.google.com/chrome/).\n- An IDE e.g [Visual studio code](https://code.visualstudio.com/).\n- [A terminal](https://code.visualstudio.com/docs/terminal/basics).\n\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- SETUP --\u003e\n### \u003cb\u003eSetup ⚙️\u003c/b\u003e\u003ca name=\"setup\"\u003e\u003c/a\u003e\n\nClone this repository to your desired folder:\u003cbr\u003e\n```sh\ncd my-folder\ngit clone https://github.com/RileyManda/snakes-ladders\n\n  ```\n  - Navigate to the folder\n```\ncd my-folder\n```\n- Checkout the branch\n```\ngit checkout dev\n```\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- INSTALL --\u003e\n### \u003cb\u003eInstall 🏗️\u003c/b\u003e\u003ca name=\"install\"\u003e\u003c/a\u003e\n\nInstall all dependencies:\n\n```sh\n    yarn\n```\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- USAGE --\u003e\n### \u003cb\u003eUsage 📂\u003c/b\u003e\u003ca name=\"usage\"\u003e\u003c/a\u003e\n\nTo run the project, follow these instructions:\n\n```\nyarn start\n```\n\n\u003c!-- TESTS --\u003e\n\u003cbr\u003e\u003chr\u003e\n### \u003cb\u003eRun tests 🧪\u003c/b\u003e\u003ca name=\"run-tests\"\u003e\u003c/a\u003e\n\nHow should it be tested?\nTo run tests, run the following command:\n\n- HTML linter errors run:\n\n```\nnpx hint . --fix\n```\n\n- CSS linter errors run:\n\n```\nnpx stylelint \"**/*.{css,scss}\" --fix\n```\n\n- JavaScript linter errors run:\n\n```\nnpx eslint . --fix\n```\n\n- For unit testing, run:\n\n```\nnpm test\n```\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- DEPLOYEMENT --\u003e\n### \u003cb\u003eDeployment\u003c/b\u003e \u003ca name=\"deployment\"\u003e\u003c/a\u003e\n\n\u003c!-- You can deploy this project using: GitHub Pages, [Vercel](https://vercel.com/) or [Netlify](https://www.netlify.com/). --\u003e\n\nThis project was deployed using GitHub Pages. For more information about how to use GitHub pages [read here](https://www.w3schools.com/git/git_remote_pages.asp?remote=github) 🤩.\n\nIf you want to watch a video about how to use GitHub pages instead of reading [click here](https://www.youtube.com/watch?v=QyFcl_Fba-k\u0026t=251s) ☺️.\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- AUTHORS --\u003e\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **Riley Manda**\n\n- GitHub: [@RileyManda](https://github.com/RileyManda)\n- Twitter: [@rilecodez](https://twitter.com/rilecodez)\n- LinkedIn: [rileymanda](https://www.linkedin.com/in/rileymanda/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- FUTURE FEATURES --\u003e\n## \u003cb\u003eFuture Features 🔭\u003c/b\u003e\u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- [ ] **Improve the UI with animations**\n- [ ] **Project UI Styling**\n\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- ATTRIBUTION --\u003e\n## 👥 Attribution \u003ca name=\"attribution\"\u003e\u003c/a\u003e\n\nProject Inspired by Soupaul :\n- GitHub: [@Soupaul](https://github.com/Soupaul/snakes-and-ladders-multiplayer)\n- ProjectIcon: [Svgrepo](https://www.svgrepo.com/)\n\n- Board from [VectorStock / vable](https://www.vectorstock.com/royalty-free-vector/snake-and-ladder-and-rocket-game-vector-8154064%22)\n- Player pin images from [Khurshid Alam Bhuyan](https://opengameart.org/users/khurs10101)\n![working image](snakes_and_ladders.png)\n\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## \u003cb\u003eContributing 🤝\u003c/b\u003e\u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nIf you have suggestions 📝, ideas 🤔, or bug reports 🐛, please feel free to open an [issue](https://github.com/RileyManda/SciMovies/issues) on GitHub.\nRemember, every contribution, no matter how big or small, makes a difference.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003cbr\u003e\u003chr\u003e\n\n\n\n\u003c!-- SUPPORT --\u003e\n## \u003cb\u003eShow your support 🌟\u003c/b\u003e\u003ca name=\"support\"\u003e\u003c/a\u003e\n\nThank you for taking the time to explore this project! Your support means a lot to me. If you find my project valuable and would like to contribute, here is one way you can support me:\n\n - \u003cb\u003eStar the project ⭐️\u003c/b\u003e: Show your appreciation by starring this GitHub repository. It helps increase visibility and lets others know that the project is well-received.\n\n - \u003cb\u003eFork the project 🍴 🎣\u003c/b\u003e: If you're interested in making improvements or adding new features, feel free to fork the project. You can work on your own version and even submit pull requests to suggest changes.\n\n - \u003cb\u003eShare with others 🗺️\u003c/b\u003e: Spread the word about this project. Share it on social media, mention it in relevant forums or communities, or recommend it to colleagues and friends who might find it useful.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n## \u003cb\u003eAcknowledgments 🙏\u003c/b\u003e\u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\nI would like to express my sincere gratitude to [CodeForte](https://www.codeforte.com/) for the opportunity to build build this project.\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- FAQ (optional) --\u003e\n## \u003cb\u003eFAQ ❓\u003c/b\u003e\u003ca name=\"faq\"\u003e\u003c/a\u003e\n\n- **Question_1**\n  Do I have to use the vs code specifically?\n  - Answer_1\n    You can use any code editor of your choice. \u003cbr\u003e\n- **Question_2**\n  Where can I download node JS for installation?\n  - Answer_2\n  Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.\n  It can be downloaded here: https://nodejs.org/en/download/Node.jsNode.js\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENCE --\u003e\n## \u003cb\u003eLicense 📝\u003c/b\u003e\u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frileymanda%2Fsnakes-ladders","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frileymanda%2Fsnakes-ladders","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frileymanda%2Fsnakes-ladders/lists"}