Giter VIP home page Giter VIP logo

teleloto-crossout's Introduction

Lotto Crossout

Lotto Crossout simplifies the process of crossing out your lottery tickets, when watching tv game and easily keeping track of your progress. This may be especially useful if you have many tickets bought throughout the week.

The app is initially designed to play Lithuanian national lottery TELELOTO.

Demo

https://eddjoke.github.io/teleloto-crossout/

Good luck with your lottery!

teleloto-crossout's People

Contributors

edvinasjurele avatar

Stargazers

 avatar

Watchers

 avatar  avatar

teleloto-crossout's Issues

Prevent add ticket inputs to accept value ranges by column id

When adding a new ticket inputs accepts all the possible ticket values from 01 to 75, but the each column should have the limited range of numbers accepted.

1st column: 1-15
2nd column: 16-30
3rd column: 31-45
4th column: 46-60
5th column: 61-75

Split Ticket component to Ticket and EditableTicket

Ticket component is huge because it has isEditable prop which makes the component very functional and hard to maintain. Besides that, it requires having a lot of requiredIf in prop-types.

Expectations

Have either two different components (Ticket (view only) and EditableTicket(with handlers)) or make EditableTicket a wrapper for Ticket.

Ticket numbers listed next to each other

All tickets have their numbers next to them, but there may be much easier to check and compare them when having then next to each other.

Expectation

List may possibly be at the right bottom of the app, listed with monospace font-face.

Fixed to top / Disappearing status bar

The current solution has the status message appearing to the right of the input and showing the message until the new message kicks in or reset.

Expectation

  • Have dynamically appearing status bar for limited time (f.e. 5 seconds)
  • Responsive friendly solution, so it is convenient to play the lottery on mobile devices

Normalize number inputing

Issue

Any input in the app (the main top one and in the add ticket modal) accepts both 0 and 01-like inputing and they are both treated the same.

Expectation

All the inputing should have only integer inputs and 01-like numbers in the app are formatted to be read-only values.

Add react-redux for global state management

The current app structure is robust and having a lot of passing handlers as params, so it becomes harder and harder to maintain the app.

Expectations

  • Split app structure to logical container components and have them enhanced with redux.
  • Simplify the app, having everything modularised and easier to maintain.
  • Have app state in react-redux instead of having it in the App.js

Add win patterns highlighting

Add the following win patterns highlighting in tickets:

  • corners
  • middle row
  • diagonals

According the rules of game the win patterns above applies until the 38 ball is rolled out.

Add version indication

Add version indication could be added to the app.

It does not really matter whether it is visible in the app, or added to the sessionStorage key, but it should be possible to identify the version, without looking at the source code.

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.