Skip to content

Meteor Leaderboard example with TypeScript, Less and Bootstrap. Also Blade and Meteor-Models

Notifications You must be signed in to change notification settings

teyrow/leaderboard

 
 

Repository files navigation

TypeScript and Blade Meteor Leaderboard

A TypeScript port of the Meteor framework's Leaderboard example. CSS [Less](written using http://lesscss.org/). The UI uses Twitter Bootstrap and Bootbox.js.

The models are extended with Meteor-Models

The ports have been enhanced with:

  • Bootstrap styling.
  • Drop-down menus to reset the data and sort players by name and score.
  • Tooltips.
  • You can add and delete players.
  • Login authentication.

Here's a screenshot.

Installation

To install create a meteor project and clone this repo into it (you have to move the .meteor directory out temporarily else git refuses to clone). You also need to setup the required packages and then compile the TypeScript files:

meteor create leaderboard
rm leaderboard/*
mv leaderboard/.meteor/ /tmp
git clone git://github.com/teyrow/leaderboard.git
mv /tmp/.meteor/ leaderboard/
cd leaderboard/
meteor remove insecure autopublish
meteor add jquery accounts-ui accounts-password accounts-google less 

The last smart packages have not yet made it into the official repo, and therefore you need meteorite

#//TODO: link to install mrt.
mrt models blade

To start the project in the built-in Meteor server:

mrt run

About

Meteor Leaderboard example with TypeScript, Less and Bootstrap. Also Blade and Meteor-Models

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%