Git Product home page Git Product logo

antoinezanardi / werewolves-assistant-web Goto Github PK

View Code? Open in Web Editor NEW
14.0 14.0 1.0 54.16 MB

Werewolves Assistant Web is a Vue web app using the Werewolves Assistant API. Thanks to this app, be the game master of the Werewolves game is so easy ! Try it out now with live demos below.

Home Page: https://werewolves-assistant.antoinezanardi.fr/

License: MIT License

JavaScript 19.48% Shell 0.15% HTML 0.16% Vue 78.02% CSS 0.33% SCSS 1.86%
vuejs vuejs2 werewolf-game werewolves-of-millers-hollow

werewolves-assistant-web's People

Contributors

antoinezanardi avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

odonno

werewolves-assistant-web's Issues

Fix Travis warnings

Travis displays several warnings that needs to be fixed:

  • root: deprecated key sudo (The key sudo has no effect anymore.)
  • deploy: deprecated key skip_cleanup (not supported in dpl v2, use cleanup)
  • deploy: deprecated key skip_cleanup (not supported in dpl v2, use cleanup)
  • root: missing dist, using the default xenial
  • root: missing os, using the default linux

Mark for player with the most votes

When all are voting, a mark must be displayed on the player who has the most votes against him.

The double vote sheriff must be taken into account and also the raven mark.

Handle the case if there is no winners

For example, there's a game with 3 players left: the hunter, the witch and a werewolf.

During the night, the werewolf eats the witch and the witch poisoned the hunter.

When sun rises, hunter must shoot but only werewolf is alive.

The case of a game with no winners must be handled in GameWinners and GameSummary.

UX for events to enhance

  • The skip button is too big and visible. User is more tempted to click the skip button than clicking the arrows.

  • Arrows need to be more visible. Maybe make them bounce when appearing.

Enhancements on README file

  • The two live demos on README file need to open a new tab when clicking on one of them. Same for Werewolves Assistant API link.

  • Uses VueJS badge.

  • Link for CHANGELOG.

  • ESLint Section with number of rules and link to file.

  • Better installation instructions for contributing.

  • Contributors section.

Implement Big Bad Wolf Role

Implement Big Bad Wolf Role with:

  • Role in Role Picker with description.
  • GamePlayField for choosing who to eat (1 target).
  • Actions in game history.

Condition for starting a game

The condition for starting a game must be always displayed above the start button.

Next to the condition, an icon with popover regrouping ALL conditions (checked or not) for starting a game.

About page

About page with sections:

  • What is this site ?

  • Can I contribute ?

  • About the creator

[...]

Page for canceled game

When going back to page Game with a canceled game, display a message that game is canceled.

Implement Dog-Wolf Role

Implement Dog-Wolf Role with:

  • Role in Role Picker with description.
  • GamePlayField for choosing a side werewolves or villagers.
  • Special event for the chosen side.
  • Action in game history.

Implement Two Sisters Role

Implement Two Sisters Role with:

  • Role in Role Picker with description and condition for starting the game (they must be at least two if one is chosen).
  • GamePlayField for meeting each other (no target).
  • Action in game history.

Responsive design

Responsive design on:

  • Phones
  • Tablets (portrait and landscape)
  • Computer screens

README sections to improve

In README.md file, add Tables of Contents, Roles available, License, and Contributor list.

Installation section needs to be improved by specifying required or optional .env variables.

New Role Picker

Role Picker must now be a big modal.

It must display all available roles, a random button, info of the chosen role, etc.

Modal needs to be big, appear nearly instantly and dark.

`Not Available` Page

Make a Not Available Page when the API is down or when the service needs to be shut down.

Unknown game

The user needs to be properly redirected if he tries to load an unknown game.

Death potion limit

When it is witch's turn, user can't select the werewolves victim to drink death potion.

If no targets are available because of that, display message "No targets available".

Review a game

When a game is finished or canceled, user can review it.

A review is:

  • a rate (0.5 to 5 stars).
  • an optional comment.
  • a checkbox to specify if a dysfunction was met.

User can update his game review as much as he wants.

Implement Three Brothers Role

Implement Three Brothers Role with:

  • Role in Role Picker with description and condition for starting the game (they must be at least three if one is chosen).
  • GamePlayField for meeting each other (no target).
  • Action in game history.

Implement Cupid Role

Implement Cupid Role with:

  • Role in Role Picker with description.
  • GamePlayField for choosing targets (2).
  • Special die event if lover dies from charm.
  • Possibility for lovers to win the game.
  • Action in game history.

Implement Wild Child Role

Implement Wild Child Role with:

  • Role in Role Picker with description.
  • GamePlayField for choosing a model (1 target).
  • Action (and possibly its transformation) in game history.

Load roles image from API

The Werewolves Assistant API now hosts all roles image. Front-end must load them instead of storing each one in the project irself.

404 Page

404 Page for redirecting lost users to home page.

Player name limitations

In game lobby, player name input must be:

  1. Limited in length (30 characters max.)
  2. Sanitized because of untrusted HTML (to prevent XSS). Use xss npm package.

VRoller changes

  • Apply VRoller only on numbers, weird behavior with limited strings.

  • Apply VRoller to countdowns.

Skip event button UX

The UX can be improved by:

  • Showing a tooltip with explanations on hover.
  • Aligning it right.
  • ">>" icon instead.

Implement Little Girl role

Implement the Little Girl role with:

  • Role card and traductions.
  • In game history, specify when the guard didn't protect the little girl from the werewolves.

RolePicker doesn't ask for role swap

In game lobby, when assigning a role to a player which already reached the max in the game composition, the confirm pop-up doesn't show up anymore to confirm the choice.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.