Multiplayer Memory Game with React

imsolost commented 7 years ago

Description

Build a multiplayer game using react! This game will include a game board with various image pieces that you flip over in an attempt to match. It will use sockets to allow players to challenge and play against each other.

See examples here: https://github.com/grgur/react-native-memory-game http://blog.zmxv.com/2016/01/lets-write-a-mobile-game-with-react-native.html

Context

This game will give you a better understanding of react and allow you to produce a fully functional web app with multiple users at a time.

Specifications

[ ] The memory game board is at least a 4 x 4 square. The game board is filled with tiles turned face down.
[ ] On a players choose tiles one at a time in an attempt to match tiles with the same image. Once chosen a tile is turned face up.
[ ] After two tiles are chosen, the app calculates whether the tiles are a match. If the tiles match, the score is increased by one and the tiles are removed from the game. If the tiles are not a match, they are flipped face down again. After the two tiles are chosen, it becomes the second players turn.
[ ] The game is a modularized using react components.
[ ] The app utilizes sockets for multiplayer functionality.

Stretch

[ ] The app includes a means of saving user data or authentification.
[ ] The game utilizes react native or swift and functions on a mobile device.
[ ] The images are all cats.

Required

[ ] The artifact produced is properly licensed, preferably with the MIT license.

Quality Rubric

The game should have a clear UI and intuitive controls.

Bonus points if all images used are cats!

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

imsolost commented 7 years ago

@GuildCrafts/moderators Halp! Plz Halp!

tannerwelsh commented 7 years ago

@imsolost what do you need help with?

imsolost commented 7 years ago

What does this goal need to be fleshed out so that it can be a goal worthy of voting on. I want to have a react native project goal in the library.

tannerwelsh commented 7 years ago

Thanks for asking @imsolost! Here's some things that the goal is currently missing:

Answer: why is this relevant? As someone training to be a web developer, why should I spend time working on a mobile app?
User stories. The specs should include a list of user stories that specify what a user can do with the app, and how the app responds.
A more clear and specific description. What is it that is being built? If it's a game, how does the game work? What are the rules? What should it look like? More detail is needed here.
Robust quality rubric with points. Right now the quality rubric doesn't say much about the quality of craftspersonship that a developer should demonstrate. It only references the UI quality (which is nice, but not essential for a developer - that's what designers are for :). Take a look at the https://github.com/GuildCrafts/model-project-specifications/blob/master/quality_rubric_library.md for examples, and at other goals like this one: https://github.com/GuildCrafts/web-development-js/issues/69

Let me know if you want help fleshing this out.

imsolost commented 7 years ago

@tannerwelsh I changed the game to simply be a react web app, but included the react native part as a stretch goal. I also included the requirement of utilizing sockets to make the app multiplayer. I think this would be a good goal for those who want to focus on diving in depth into learning sockets.

I would definitely appreciate help in fleshing this goal out more though.

tannerwelsh commented 7 years ago

Thanks @imsolost! Looking better. Here are a few suggestions:

Provide more detail about how the game is supposed to work in the description so that the big picture is clearly visible from reading it
Add a "Challenge Rating" section with bullet points detailing what skills a learner should have and what should be in their ZPD in order to succeed in this goal
Take a look at the Set (the Game) with React goal - it could be a good template for you to use

Whenever you want, go ahead and open a pull request with your new goal file in the _goals/ folder. Reviewing is a bit easier in a PR context, because changes are easier to track :)

GuildCrafts / web-development-js