Skip to content

๐Ÿ†๐Ÿงฎ Simple leaderboard for the remote classroom

License

Notifications You must be signed in to change notification settings

tgogos/leaderboard

Repository files navigation

leaderboard

overview

โœ”๏ธ create a class leaderboard by adding names / scores in a few seconds
โœ”๏ธ change the score by adding or removing points with the appropriate buttons
โœ”๏ธ see the live updates as the players compete and level-up
โœ”๏ธ changes are stored to your browser's local storage

leaderboard-cards

how to use cards

โœ”๏ธ add lucky cards that give extra points (or the opposite)
โœ”๏ธ they are randomly placed whenever you refresh the page
โœ”๏ธ press the button to shuffle them a little bit
โœ”๏ธ when you think its needed, ask the user to pick one card




Instructions

โ” How to add new names

Use the โž• button and a random animal emoji will be selected, then type the name / score and hit OK

how to add new names

๐Ÿ‘‰ use every emoji you like

There is a predefined list of animals that are randomly chosen whenever you add a new name:

๐Ÿถ ๐Ÿฑ ๐Ÿญ ๐Ÿน ๐Ÿฐ ๐ŸฆŠ ๐Ÿป ๐Ÿผ ๐Ÿจ ๐Ÿฏ ๐Ÿฆ ๐Ÿฎ ๐Ÿท ๐Ÿฝ ๐Ÿธ ๐Ÿต ๐Ÿ™ˆ ๐Ÿ™‰ ๐Ÿ™Š ๐Ÿ’ ๐Ÿ” ๐Ÿง ๐Ÿฆ ๐Ÿค ๐Ÿฃ ๐Ÿฅ ๐Ÿฆ† ๐Ÿฆ… ๐Ÿฆ‰ ๐Ÿฆ‡ ๐Ÿบ ๐Ÿ— ๐Ÿด ๐Ÿฆ„ ๐Ÿ ๐Ÿ›
๐Ÿฆ‹ ๐ŸŒ ๐Ÿž ๐Ÿœ ๐ŸฆŸ ๐Ÿฆ— ๐Ÿ•ท ๐Ÿ•ธ ๐Ÿฆ‚ ๐Ÿข ๐Ÿ ๐ŸฆŽ ๐Ÿฆ– ๐Ÿฆ• ๐Ÿ™ ๐Ÿฆ‘ ๐Ÿฆ ๐Ÿฆž ๐Ÿฆ€ ๐Ÿก ๐Ÿ  ๐ŸŸ ๐Ÿฌ ๐Ÿณ ๐Ÿ‹ ๐Ÿฆˆ ๐ŸŠ ๐Ÿ… ๐Ÿ† ๐Ÿฆ“ ๐Ÿฆ ๐Ÿฆง ๐Ÿ˜ ๐Ÿฆ› ๐Ÿฆ ๐Ÿช
๐Ÿซ ๐Ÿฆ’ ๐Ÿฆ˜ ๐Ÿƒ ๐Ÿ‚ ๐Ÿ„ ๐ŸŽ ๐Ÿ– ๐Ÿ ๐Ÿ‘ ๐Ÿฆ™ ๐Ÿ ๐ŸฆŒ ๐Ÿ• ๐Ÿฉ ๐Ÿฆฎ ๐Ÿ•โ€๐Ÿฆบ ๐Ÿˆ ๐Ÿ“ ๐Ÿฆƒ ๐Ÿฆš ๐Ÿฆœ ๐Ÿฆข ๐Ÿฆฉ ๐Ÿ‡ ๐Ÿฆ ๐Ÿฆจ ๐Ÿฆก ๐Ÿฆฆ ๐Ÿฆฅ ๐Ÿ ๐Ÿ€ ๐Ÿฆ”

but you can use whatever emoji you prefer by just typing it:

how to use custom emoji

โ” How to add many, edit, delete...

Use the ๐Ÿ“‹ button and add, edit or delete lines from the text-area that is poped-up. Make sure that that every line has 3 comma-separated entries of the following format <emoji>,<nickname>,<score> for example:

๐Ÿ’,Green Monkey,14
๐ŸฆŽ,Orange Iguana,13
๐Ÿฆœ,Purple Parrot,12
๐ŸŸ,Blue Barracuda,10
๐Ÿ†,Red Jaguar,9
๐Ÿ,Silver Snake,8

how to add many names, edit & delete

โ” How to share

Use the ๐Ÿ”— button, copy the link created and share it. The current state of your leaderboard will be stored in that looooong url and at the time a user pastes it to a browser, the data are moved to the local storage and the url becomes short again. Example:

https://gogos.me/leaderboard/?q=JTVCJTdCJTIyaWNvbiUyMiUzQSUyMiVGMCU5RiU5MCU5MiUyMiUyQyUyMm5pY2tuYW1lJTIyJTNBJTIyR3JlZW4lMjBNb25rZXklMjIlMkMlMjJzY29yZSUyMiUzQSUyMjE0JTIyJTdEJTJDJTdCJTIyaWNvbiUyMiUzQSUyMiVGMCU5RiVBNiU4RSUyMiUyQyUyMm5pY2tuYW1lJTIyJTNBJTIyT3JhbmdlJTIwSWd1YW5hJTIyJTJDJTIyc2NvcmUlMjIlM0ElMjIxMyUyMiU3RCUyQyU3QiUyMmljb24lMjIlM0ElMjIlRjAlOUYlQTYlOUMlMjIlMkMlMjJuaWNrbmFtZSUyMiUzQSUyMlB1cnBsZSUyMFBhcnJvdCUyMiUyQyUyMnNjb3JlJTIyJTNBJTIyMTIlMjIlN0QlMkMlN0IlMjJpY29uJTIyJTNBJTIyJUYwJTlGJTkwJTlGJTIyJTJDJTIybmlja25hbWUlMjIlM0ElMjJCbHVlJTIwQmFycmFjdWRhJTIyJTJDJTIyc2NvcmUlMjIlM0ElMjIxMCUyMiU3RCUyQyU3QiUyMmljb24lMjIlM0ElMjIlRjAlOUYlOTAlODYlMjIlMkMlMjJuaWNrbmFtZSUyMiUzQSUyMlJlZCUyMEphZ3VhciUyMiUyQyUyMnNjb3JlJTIyJTNBJTIyOSUyMiU3RCUyQyU3QiUyMmljb24lMjIlM0ElMjIlRjAlOUYlOTAlOEQlMjIlMkMlMjJuaWNrbmFtZSUyMiUzQSUyMlNpbHZlciUyMFNuYWtlJTIyJTJDJTIyc2NvcmUlMjIlM0ElMjI4JTIyJTdEJTVE

Libraries used

Releases

No releases published

Packages

No packages published