1 of 30

2 of 30

Xinmeng Zhang & Yanwen Huangxu

3 of 30

Objective

To bring Dixit online

4 of 30

Skills

​

  • Meteor
  • React
  • MongoDB
  • Bootstrap
  • GitHub
  • Heroku
  • npm Shuffle Package
  • Twitter Api
  • Google Analytics
  • HotJar

5 of 30

Difficulties

Game logic => Program Design

​

Playing (Struggling) with Data

​

Lots of work...

​

6 of 30

How to play?

  • 3-6 players
  • Each player has a chance to be story-teller
  • Story teller: pick a card and describe, not too much not too little
  • Players: pick a card which you think matches with story teller’s description, confuse others!
  • Players: try your best to guess story teller’s card!

7 of 30

UPGRADE!

8 of 30

Improvements

  • Color Theme + Fonts
  • Twitter Sign In
  • Twitter API (for VIP features, eg. private rooms)
  • Game Room only shows public rooms which are onGoing or Waiting to start
  • In Game auto pick cards
  • ScoreBoard working
  • Usability: Change game status to GameOver instead of DELETE in db (Thanks to Suhas!)

​

​

9 of 30

In User Sign in

Sign in with Twitter ?

​

YOU BECOME VIP !

​

10 of 30

In GameRoom

For Twitter Users:

​

  • Private Room
    • Hidden in Game Lobby
    • Access with code ONLY
  • Tweet to invite friends
    • @Twitter names, or
    • leave blank to invite anyone

​

11 of 30

Twitter Users

12 of 30

13 of 30

In MyGame

Add timeout!

​

  • If player doesn’t respond to describe/pick/vote in 20 seconds, system will take action for him/her

​

14 of 30

15 of 30

16 of 30

Xinmeng Zhang & Yanwen Huangxu

17 of 30

Objective

To bring Dixit online

18 of 30

Skills

​

  • Meteor
  • React
  • MongoDB
  • Bootstrap
  • GitHub
  • Heroku
  • npm Shuffle Package
  • Twitter Api
  • Google Analytics
  • HotJar

19 of 30

Final Wrap-up

  • Visible changes:
    • UI Improvements
    • Card Collection feature

​

  • Invisible changes:
    • Fully automation for game process
    • Collecting good descriptions from players
    • “Trapped in game” issue and other bugs fixed

​

​

20 of 30

UI improvements

  • HomePage (finally)

21 of 30

UI improvements

  • Prettier login & register

22 of 30

UI improvements

  • Summary for round end

23 of 30

UI improvements

  • Game Over Page

24 of 30

Card Collection

25 of 30

Card Collection

26 of 30

Usability

​

26

Report

27 of 30

Google Analytics

​

27

Report

28 of 30

Hotjar

​

28

Report

29 of 30

This is Dixit

​

29

Demo

30 of 30

Part2: https://www.youtube.com/watch?v=fyL9C1HdC8E&feature=youtu.be

Video Demo:

​

​

Part 1: https://www.youtube.com/watch?v=lAZLEkL4uAM&feature=youtu.be