NAVWRIST-WEB

A tool to navigate the world of office ping-pong competition.

Based on aspnet-starter-kit-2.0, without Redux.

Features

    ✓ Component-based front-end development via Webpack and React (see webpack.config.js)     ✓ Static type checking with TypeScript     ✓ Universal cross-stack routing and navigation history (see client/routes.tsx)     ✓ Hot Module Replacement (HMR) /w React Hot Loader     ✓ Lightweight build automation with plain JavaScript (see run.js)     ✓ Cross-device testing with Browsersync

Prerequisites

• OS X, Windows or Linux
• Node.js v6 or newer
• .NET Core and .NET Core SDK
• Visual Studio Code or your prefered IDE.

Getting Started

Step 1. Clone the latest version on your local machine by running:

$ git clone -o navwrist-web -b master --single-branch \
      https://github.com/flipdoubt/navwrist-web navwrist-web
$ cd navwrist-web

Step 2. Install project dependencies listed in project.json and package.json files using Yarn:

$ yarn install                   # Install both Node.js and .NET Core dependencies

Step 3. Finally, launch your web app:

$ yarn start                      # Compile and lanch the app

The app should become available at http://localhost:5000/. See run.js for other available commands such as node run build etc. You can also run your app in a release (production) mode by running node run --release, or without Hot Module Replacement (HMR) by running node run --no-hmr.

TODO

• Style with Bulma
• Javascript data model
• Put completed game
• The slightest bit of functionality
• Start current game via drag-n-drop
• Add points in current game
• Win game
• Rematch
• Add player UI
• Put player
• Track current serve
• Feature Folders
• Database via entity framework
• Animate transitions with Animista
• New Game button (for devices where dragging does not work)
• Swap button (if next serve tracking needs to reverse)
• Update player nickname and avatar
• Scoreboard should show player record, last scores in scoreboard
• Calculate player ranking