leaderboard icon indicating copy to clipboard operation
leaderboard copied to clipboard

Meteor Leaderboard example with CoffeeScript, Less and Bootstrap

= TypesScript and CoffeeScript ports of the Meteor Leaderboard

:listingblock.:

|

== TypesScript and CoffeeScript ports of the Meteor Leaderboard

A http://www.typescriptlang.org/[TypeScript] port and a http://coffeescript.org/[CoffeeScript] port of the http://meteor.com/[Meteor] framework's http://meteor.com/examples/leaderboard[Leaderboard example].

Live demo at http://leaderboardtscs.meteor.com

The original Leaderboard has been enhanced with:

  • Bootstrap styling.
  • You can add and delete players.
  • Login authentication.
  • Drop-down menus to reset the data and sort players by name and score.
  • Tooltips, modal dialogs, popup notifications.
  • https://github.com/oortcloud/meteorite[Meteorite] smart packages.

Here's a https://github.com/srackham/leaderboard/blob/master/screenshot.png[screenshot].

CSS is written using http://lesscss.org/[Less]. The UI uses Twitter http://twitter.github.com/bootstrap/[Bootstrap], http://bootboxjs.com/[Bootbox.js] and https://github.com/srackham/toast.js[toast.js].

Current version tested using:

  • Meteor version 0.6.0
  • Meteorite version 0.5.1
  • TypeScript 0.8.3.0
  • CoffeeScript version 1.6.2
  • Jake 0.5.13

=== Installation In addition to using built-in Meteor packages the project uses two https://github.com/oortcloud/meteorite[Meteorite] smart packages: 'bootboxjs' for modal dialogs and 'toastjs' for popup notifications.

Clone leaderboard from Github:

git clone git://github.com/srackham/leaderboard.git cd leaderboard

The build process is managed by https://github.com/mde/jake[jake]. Run jake build.ts to compile the TypeScript port or jake build.cs to compile the CoffeeScript port (choose one):

jake build.ts # TypeScript jake build.cs # CoffeeScript

Now you can install and run using the Meteorite command:

mrt