Toasters will be needed to shocase errors and sucess. They should implemented.

A Progress bar to display the remaining matches should be displayed under the matches

The toolback should have a Light/Dark mode selector to swap between theme.

At first it didn't seem necessary but it would improve the error showing, so at least that namespace should be implemented.

We'll enable four possible matching systems and they will be chosen based on the speed type or the draws or not option.

A picker should be placed under the list and above the next button. It will provide the system to the container. It should keep its properties when changing the light mode and/or language.

It will have two buttons that when pressed will vote for the entry and load the next pair.

TypeScript will help to make the project more maintainable and better designed. It should be implemented in the project.

It's also a nice extra thing to learn developing this.

A page where the user will match the entries. It will have a counter on the top, the voting system featuring two buttons in the middle and finally a progress bar in the bottom.

Counter: #22
Voting system: #21
Progress bar: #24

There are three possible ways to make the matches:

1. Points until decided, less matches, worst results
2. All matches, better results
3. Allowing draws, that could be with those two systems or a new one.

All those should be classes with a common interface.

The application will need to communicate with a MongoDB API to save and load lists. This will need a separate project.

Some actions needs a double confirmation from the user, we should use an Alert Dialog for that, create one as generic as possible.

The app needs a Theme Provider and theme, the palette idea is magenta and cyan. Get a palette accesible and establish it.

The Loader needs an improvement, being set in the middle with some top margin and the primary color.

The top of the matching page should be a counter of matches. Just a title with the current match number.

The first part of the app is allowing to load the list of entries. It should be done in the first page. Allow to delete the routes and to clear the full list.

To improve accesibility a selector of the font size is recomended.

Tooltips enhance the readability of the website so they are a nice addition to it.

https://material-ui.com/components/tooltips/

Right now loading match without any system breaks the up. The best way would be to redirect the user to the root if it's trying to load the page directly but maybe changing the router to a browser routers just directly fix that.

The complete the Start page the only remaining steps are, creating the StandardSystem (and whatever it needs) and making the StartButton.

This button should be only avaliable when three entries were entered. It should get the system from a factory based on the system code. It should display the expected matches or some alert message.

This is expected to redirect to the Vote page.

When adding entries to the list and changed the light mode the list is resetted.

The top of the webpage will be a navbar as of right now featuring Light/Dark theme button and Language button.

• Language selector (#2)
• Light/Dark selector (#4)
• Font size selector (#5 )

When the matches are all finished a Finish button should be displayed to redirect the user to a page with the results. This button should recover the results and made into an array of objects that will be showed in the Results page.

In the future the user will be able to load a premade list from its computer are use an avaliable template. Those options should be already placer in the app.

Also move the Clear option to the same place.

The system won't work with repeated entries, show an alert whe ocurring.

It should show the ordered results and a way to share those results.

A language changer is required to use the internationalization options. It should be placed on the toolbar and be a Speed Dial.