Git Product home page Git Product logo

fifa-invitational-ui's Introduction

fifa-invitational-ui

React project for Fifa Invitational web app

fifa-invitational-ui's People

Contributors

alazo8807 avatar

Watchers

James Cloos avatar  avatar

fifa-invitational-ui's Issues

Clear errors from sign in page when field updated

Right now, if email or password is wrong, server sends back error message saying invalid user name or password. After updating the password the error is not removed since it is under email input field. We need to remove that specific error when either one of the fields is updated

Add Dummy fixture cards for playoffs

Add dummy cards(match doesn't exist for it yet) when group phase is not finished yet. They should be replaced for corresponding match once it is created

Create function to calculate group winner accurately

Right now, the winner of a group phase is determined by sorting the results according to the points only. We need to create a helper function to determine the winner based on the following rules:

  • Player with most points.
  • Then look at the Goal difference.
  • Then scored goals.
  • Then games won.

Make fixture's card responsive

Fixture's card (Card to enter match scores) is not responsive right now. For mobile screens it looks off. We need to fix the responsiveness.

Add share logic for fixture card

We want to be able to share a link of the tournament with other people. However, whoever the link will only open in read only mode

Generate matches for all playoff rounds

Current logic will only create matches for the first round of playoffs. We need to add the logic to generate the rest of the matches until the final round. One way it is to use a similar approach to the one used for the first round of playoffs, checking if all the scores were entered for that round, get winners and create next round. Another way to think about is to create all play off matches when the group phase is done, adding for each match a pointer to the next one.

Add Loader component

Add a loader component (ie. spining wheel) to show when components are loading, for example when going to tournaments list page and waiting for data to come from db

Show player's name and player's team error alert only once.

Currently, when input field for player's name or team losses focus, it will generate a banner error for each field that doesn't pass the validation. Add logic to only show one per type of error since this creates a list with duplicate errors.

[High] - Inconsistent behavior when updating match score

When entering a value in the match card, sometimes it disappears right away, sometimes it updates correctly. Also the new score won't reflect properly in the stats tab unless refresh page.
I think this is due to a race condition updating the score in the parent component. Find the reason and fix

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.