Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rileymanda/snakes-ladders

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.
https://github.com/rileymanda/snakes-ladders

cryptojs css-grid flexbox javascript socket-io tainwindcss

Last synced: about 6 hours ago
JSON representation

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.

Host: GitHub
URL: https://github.com/rileymanda/snakes-ladders
Owner: RileyManda
License: mit
Created: 2024-02-27T11:40:17.000Z (9 months ago)
Default Branch: dev
Last Pushed: 2024-03-08T18:21:05.000Z (9 months ago)
Last Synced: 2024-03-08T19:59:51.907Z (9 months ago)
Topics: cryptojs, css-grid, flexbox, javascript, socket-io, tainwindcss
Language: CSS
Homepage:
Size: 2.87 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        



  

  


  
Snakes and Ladders Remake




# Table of Contents 📋


- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

  - [🚀 Project Demo](#project-demo)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Run tests](#run-tests)

  - [Deployment](#deployment)

- [👥 Authors](#authors)

- [👥 Attribution](#attribution)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [❓ FAQ (OPTIONAL)](#faq)

- [📝 License](#license)





# Snakes and Ladders Remake  📖

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. 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.

The project inspired by https://github.com/Soupaul/snakes-and-ladders-multiplayer




## Built With 🛠


### Tech Stack 🗜️

  Client

  


    

HTML5 markup to build raw structure of this web page




    

CSS3 custom properties, FlexBox, Grid to make the website visually attractive




    Javascript




    

Linters for coding convention and coding formating

  


  Javascript runtime environment

  


    

Node JS as a javascript runtime machine [git], a free and open source distributed version control system

  


  Deployment

  


    Netlify

  


  Bundler

  


    Webpack

  


  Version Control

  


    Gitflow

  


  Socket IO Control

  


    SocketIO 

  


  CryptoJS

  


    CryptoJS 

  


  Nodemon

  


    Nodemon 

  





### Key Features 🏷️ 

- **Snakes a ladders board**

- **Display player positions**

- **Display players**

- **Display score board**

- **If a player wind display winner**

(back to top)




## Live Demo 🚀

No Live demo available

(back to top)



## Project Demo 🏁

No project demo available

(back to top)



## Getting Started 💻

To get a local copy up and running, follow these steps.

### Prerequisites 🧱

In order to run this project you need:

- A Github account

- Node JS

- A web browser to view output e.g [Chrome](https://www.google.com/chrome/).

- An IDE e.g [Visual studio code](https://code.visualstudio.com/).

- [A terminal](https://code.visualstudio.com/docs/terminal/basics).




### Setup ⚙️

Clone this repository to your desired folder:


```sh

cd my-folder

git clone https://github.com/RileyManda/snakes-ladders

  ```

  - Navigate to the folder

```

cd my-folder

```

- Checkout the branch

```

git checkout dev

```




### Install 🏗️

Install all dependencies:

```sh

    yarn

```




### Usage 📂

To run the project, follow these instructions:

```

yarn start

```




### Run tests 🧪

How should it be tested?

To run tests, run the following command:

- HTML linter errors run:

```

npx hint . --fix

```

- CSS linter errors run:

```

npx stylelint "**/*.{css,scss}" --fix

```

- JavaScript linter errors run:

```

npx eslint . --fix

```

- For unit testing, run:

```

npm test

```




### Deployment 

This 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) 🤩.

If 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&t=251s) ☺️.

(back to top)





## 👥 Authors 

👤 **Riley Manda**

- GitHub: [@RileyManda](https://github.com/RileyManda)

- Twitter: [@rilecodez](https://twitter.com/rilecodez)

- LinkedIn: [rileymanda](https://www.linkedin.com/in/rileymanda/)

(back to top)





## Future Features 🔭

- [ ] **Improve the UI with animations**

- [ ] **Project UI Styling**

(back to top)





## 👥 Attribution 

Project Inspired by Soupaul :

- GitHub: [@Soupaul](https://github.com/Soupaul/snakes-and-ladders-multiplayer)

- ProjectIcon: [Svgrepo](https://www.svgrepo.com/)

- Board from [VectorStock / vable](https://www.vectorstock.com/royalty-free-vector/snake-and-ladder-and-rocket-game-vector-8154064%22)

- Player pin images from [Khurshid Alam Bhuyan](https://opengameart.org/users/khurs10101)

![working image](snakes_and_ladders.png)

## Contributing 🤝

If you have suggestions 📝, ideas 🤔, or bug reports 🐛, please feel free to open an [issue](https://github.com/RileyManda/SciMovies/issues) on GitHub.

Remember, every contribution, no matter how big or small, makes a difference.

(back to top)





## Show your support 🌟

Thank 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:

 - Star the project ⭐️: Show your appreciation by starring this GitHub repository. It helps increase visibility and lets others know that the project is well-received.

 - Fork the project 🍴 🎣: 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.

 - Share with others 🗺️: 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.

(back to top)





## Acknowledgments 🙏

I would like to express my sincere gratitude to [CodeForte](https://www.codeforte.com/) for the opportunity to build build this project.

(back to top)





## FAQ ❓

- **Question_1**

  Do I have to use the vs code specifically?

  - Answer_1

    You can use any code editor of your choice. 


- **Question_2**

  Where can I download node JS for installation?

  - Answer_2

  Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

  It can be downloaded here: https://nodejs.org/en/download/Node.jsNode.js

(back to top)


## License 📝

This project is [MIT](./LICENSE) licensed.

(back to top)