A single page multiplayer card game application in which players compete over one or multiple rounds. Full Stack project, Rails API with complex polymorphic relationships, SQLite3 database in development, PostgreSQL in production. Frontend written in modern ES6 JavaScript. MVC Architecture. Integrated third party JavaScript library and plugins to add advanced features.
This simple multiplayer single page card game application will provide hours of competitive fun. The goal of the game is to place consecutive runs of 3 cards of the same suit or place three cards which have the same number value. Once you have no cards left in your hand, you score a point and the game restarts, keeping track of your scores if you wish to continue or giving you the option to start a new game.
The rules can be found at any point during the game by clicking the rules button in the top right corner of the page which will open up a modal. The rules are as follows:
You can install this application by running git clone https://github.com/HarryWilson1995/JS-Card-Game-Sequence-SPA-.git
After cloning the repository, enter the directory on your computer and run the following from the command line:
cd frontend/
npm install
cd ..
cd backend/
bundle install
Followed by:
rails s
Then copy the path of the index.html file and paste it into your browser. This game will not work if run will live server.
Upon opening the application, you will see a simple form allowing you to enter between one and seven names for your players. Players will then take it in turns following the rules outlined above (as well as in the modal you can access mid-game) to try and place all 9 of their cards down into appropriate sequences.
You can see a more detailed description/usage of the app by watching the following Youtube Video.
The app is available as open source under the terms of the MIT License.