Goal: create a HTML5 game site (PC & Mobile) with video puzzles.
Technologies: MEAN site (Mongo, Express, Angular & [url removed, login to view]). UI with Twitter Bootstrap 3.
The webapp needs to allow the user to:
1. Register (username, password, email)
2. Play a game against other people
3. See a leaderboard of top 20 players
Registration is pretty straight forward. Send a confirmation link to the email supplied and once the link is accessed, activate the account.
The game itself is a timed puzzle game similar to this:
[url removed, login to view]
However, the video should be chosen randomly from the database, in a collection containing a list of youtube links. The video is played directly from youtube. Both players get the same video on their puzzle.
In the PC version - show both puzzles (player and opponent) on the same screen, side by side with a divider between them and a clock. You can't move pieces of your opponent's puzzle. The first to assemble the puzzle successfully is the winner and gets a point, the loser loses a point. To be clear, when you pick up a piece of the puzzle and move it, the opponent sees it, as if you're both playing on the same table.
If there isn't an opponent available, the user will be shown a "please wait" screen which will check if there's an opponent ready every 5 seconds.
In the mobile version (will be checked with android chrome and safari ios) the functionality is the same except that you don't see what your opponent is doing as there isn't enough screen area.
I expect weekly reports and versions to see progress.
- Do you have ready-made problems or you will need backend to create problems? - web sockets will be used to make this realtime. - nodejs+mongo+angularjs+TB+sockjs will be used thanks