Skip to content
A tennis scoreboard by React and Redux
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
tools
.gitignore
README.md
package.json
webpack.config.dev.js
webpack.config.prod.js

README.md

A tennis scoreboard by React/Redux / DEMO

In summer 2017, I went to the Rogers cup in Toronto, and I saw the scoreboard that has a very nice UI. So, I want to make a web version for the scoreboard. In this case, I use React and Redux to reach this project.

Project Structure

  • Data Structure
    • Player
    {
        id: 1,
        personal_info: {
            f_name: "Roger",
            l_name: "Federer",
            img_url: "../federer-montreal-2017-friday.jpg",
            national_flag: "../ch.svg",
            nation:"SUI",
            rank: 3,
            age: 36,
            weight: 85,
            height: 185,
            titles: 5,
            "W-L": "35-3",
        },
        point: 0,
        set: [],
        got_set: [],
        server: true,
    },
    • General
    current_point:[0,0],
    current_game:[0,0],
    current_set: 1,
    current_server:0,
    winner: "",
  • Components
    • Players Card
    • Score Board
  • Actions
    • init_players()
    • give_match()
    • give_set()
    • give_game()
    • give_point()
    • reset_current_score()

References

Todo

  • Add tie break feature
You can’t perform that action at this time.