Follow us on Instagram | https://www.instagram.com/cardipartygame/
Play the Game Now! | http://www.cardiparty.co/
Build:
This project represents a mobile version of the popular party card game we all know and love, "Cards Against Humanity!"
The game is simple! The person who plays the funniest card wins! For more info on intricate versions of the game, checkout the official rulebook from the creators.
Although this game will be available to play online, it is meant to be played in person with friends, for those times we forget to carry that 5 lb brick of cards :P
The first iteration of this project will be released in the form of a mobile game, experienced via a users mobile web browser (Chrome/Firefox for most Android users, and Safari for most iOS users). The game will be cross platform and available to play for anyone, free of charge, as long as they have an internet connection and a group of friends to play with! This has the immediate benefit that users who have different phone's can play with each other without having to wait for their version of the app to be released.
I hope to offer this game natively on the App Store and Android Play Store (with react-native) under a different name, due to licensing, once I have created the basic web version.
These are the preliminary tech stacks that I have planned to use, subject to change.
- React.js
- Vanilla CSS
- Socket.io
- Node.js (Express.js)
- Socket.io
- Redis (for fast, in memory real time game state data)
- MongoDB (for longer term game history data)
As a Microsoft Dev, I have become intimately familiar with Microsoft Azure and the different Paas and Iaas offerings that we offer. However, I would like to explore building this out using different Paas infrastructures such as products from AWS or even Heroku. I have not done much research in this regard, but would like to have this project be an opportunity to compare and contrast what is out there and how it compares to Azure.
I hope to keep this section of the readme as up to date as possible as the project progresses. As of today, 1/14/19, the initial wire-frames have been created and prototyped via Figma. I am currently building out the react (presentational) components for each of the wire-frame screens as well as exploring npm packages to allow for fluidity and drag-and-drop behaviors for the app. After I have finished transferring the design to react components, I will begin exploring the data transfer model and backend logic for game creation and game flow.
Although the basic mvp of this project need not be complicated, here are a few extra goodies that can make the app shine!
- facebook/instagram login
- facebook/instagram sharing capability
- save card play to local images
- user gameplay reaction (w/Emoji's :))
- Add different game modes as described in the handbook
Take a look at the Figma created and try out the prototype option to see the game in action before its created!
Below are some Screenshots and the story board for user interactions:
User will select/drag-and-drop their best/funniest white card based on the current black card in play.
Nothing much for them to do but wait...
After I had made a few initial wireframes for this project, I researched and found out that a similar idea, called Cards Against Originality, existed some years ago. It's hard to find any remnants of this project online, but as for the licensing purposes, Cards Against Humanity is under the Creative Commons licenses and as such, I do not intend to make money of this project or sell it in any way. This is purely for educational purposes.