Home / JavaScript / Miscellaneous

The leaderboard website displays scores submitted by different players

The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service.
Information
Category: JavaScript / Miscellaneous
Watchers: 1
Star: 5
Fork: 0
Last update: Dec 28, 2021
Resource links
https://anuarshaidenov.github.io/leaderboard/dist/
https://github.com/anuarshaidenov/leaderboard

Leaderboard

The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service.

screenshot

Built With

  • JavaScript
  • HTML
  • SCSS
  • Webpack
  • npm

Live Demo

Live Demo Link

Installation

Go to your terminal, navigate to your working directory and run

git clone https://github.com/anuarshaidenov/leaderboard.git

After that navigate to the newly created folder

cd leaderboard

You now have access to the files. To install necessary dependencies run

npm install

Start a local server running the command

npm start

You should now have the project running locally on a dev server.

Author

👤 Anuar Shaidenov

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.

0 Open More issues
Closed

Add maxlength attribute to HTML

Add maxlength attribute to the input to prevent users from writing a long ass name

opened Dec 20, 2021 by anuarshaidenov 0
Closed

Leaderboard: final touches

Milestone details:

  • [x] Added styles
  • [x] Made the page responsive
  • [x] Added error handling (i.e. Score won't be validated if you pass 0 as a score argument)
opened Dec 16, 2021 by anuarshaidenov 0
Closed

Leaderboard: hit the API

Milestone requirements:

  • [x] Generated new game ID.
  • [x] Implemented the "Refresh" button (receiving data from the API and parsing the JSON).
  • [x] Implemented the form "Submit" button (sending data to the API).
  • [x] Used async and await JavaScript features to consume the API.
opened Dec 15, 2021 by anuarshaidenov 0
Closed

Leaderboard: setup project

Milestone details:

  • Set up npm project with webpack.
  • Wrote HTML and styled basic layout.
opened Dec 14, 2021 by anuarshaidenov 0
Open

Generate new game ID

  • Use postman to send a new request to the API and get the new game ID.
  • Integrate the new ID into the app.
opened Dec 24, 2021 by anuarshaidenov 0

Contents

    charlesgobina The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service.
    AnselemOdims The leaderboard website displays scores submitted by different players.
    ShadyShawkat The leaderboard website displays scores submitted by different players. Done using JS, Webpacks, Bootstrap and APIs
    tehsis A redis backed leaderboard handler written in go.
    Omar-Muhamad This is a Webpack Project Leaderboard and uses API to add your game score and see a list of the other scores.
    feri-irawan Documentation web - Github Leaderboard API
    MacCrazyman This project is used to create basic interaction with an API to Get and Post scores to the server and display them on the webpage
    developer-student-club-thapar 30 Days of google cloud leaderboard website
    llamazing This is the official code repository for NumNet+(https://leaderboard.allenai.org/drop/submission/blu418v76glsbnh1qvd0)
    AmaduKamara Leaderboard App shows a list of game leaders and top scores
    rbc-research Dataset shift with outlier scores
    TorchedSammy Discord rich presence for MPRIS music players.
    chengsyuan This is our solution for KDD Cup 2020. We implemented a very neat and simple neural ranking model based on siamese BERT which ranked first among the solo teams and ranked 12th among all teams on the final leaderboard.
    zachleat A plugin to run Lighthouse against a set of urls to see which site is the fastest.
    gilbitron Live World Cup 2018 scores in your menu bar
    christopherjenness Predict scores of NBA games using regularized matrix completion
    carlos-menezes A Python application that sends you a SMS when the football team you support scores.
    ParallelDots Benchmark and Leaderboard for Generic SKU Detection
    gemmen29 Manage leaderboard using API and callbacks function
    lorenseanstewart Starter code for creating a static blog system using Next.js and MDX. A service worker for offline reading is set up, and the blog has Perfect Lighthouse scores.
    alfianlosari Display Football Data such as scores, upcoming match, team standing, top scorers with football Data API and SwiftUI
    Share this repo

    Related Repos


    Miscellaneous
    5.5k
    Apache OpenWhisk is an open source serverless cloud platform
    apache OpenWhisk OpenWhisk is a serverless functions platform for building cloud applications. OpenWhisk offers a rich programming model for creating serverl
     
    Miscellaneous
    11
    Replaces twitter NFT idiocracy
    4ndv HexaGone HexaGone allows you to revert or customize twitter's new hexagonal avatars. It's a collection of a several userscripts, with different clip m
     
    Miscellaneous
    6
    replaces the nft avatars on twitter with subway jared
    virginteen replace-nft-avatars a chrome extension that replaces the nft avatars on twitter with subway jared to install Download this repo (Code > Download ZIP).
     
    Miscellaneous
    5
    Smart Contract Viewer for VS Code
    MetaplasiaTeam Contract Viewer English | 中文 Contract Viewer 是一个 VS Code 扩展，他可以帮你从区块链浏览器下载合约代码，只需要一个合约地址即可下载。 目前仅支持以太坊使用 Solidity 的智能合约，后续会支持更多类型。 快速开始 配置一个 API 在 Erh
     
    Miscellaneous
    5
    Video calling using WebRTC
    mehditeymorian webrtc-video-call This project is a video calling application using WebRTC technology. It contains minimum requirements to provide a group video call.
     
    Miscellaneous
    3
    A multipurpose bot, a clan bot, a all in one bot. The one bot u need for ur server origina...
    Tomato6966 Multipurpose-discord-bot A multipurpose bot, a clan bot, a all in one bot. The one bot u need for ur server originally made as Milrato discord Bot and
     
    Miscellaneous
    334
    A template for site builders and low-code tools.
    vercel Platforms Starter Kit The all-in-one starter kit for building platforms on Vercel. Introduction · Guide · Demo · Contributing Deploy Your Own Read the
     
    Miscellaneous
    152
    A Raycast/Alfred/Spotlight alternative
    ospfranco sol A Raycast/Alfred/Spotlight alternative Don't bother trying to run this, it's WIP, right now only the basic UI is there, no logic, there many bugs/
     
    Miscellaneous
    73
    Self hosted media tracker for movies, tv shows, video games, books and audiobooks
    bonukai MediaTracker · Self hosted platform for tracking movies, tv shows, video games, books and audiobooks, highly inspired by flox Demo https://mediatracke
     
    Miscellaneous
    52
    Everytime I come across good Github profiles I index them here
    championswimmer awesome-devs Everytime I come across good Github profiles I index them here NOTE: If you are on the github repo currently, go to the website 👇 to see
     
    Miscellaneous
    49
    Minimalist template for foundry projects
    ZeframLou Foundry template This is a template for a Foundry project. Installation To install with DappTools: dapp install [user]/[repo] To install with Foundry
     
    Miscellaneous
    45
    Log in the node terminal from the browser
    patak-dev vite-plugin-terminal Log in the node terminal from the browser Open a playground online in StackBlitz Install npm i -D vite-plugin-terminal Add plugin
     
    Miscellaneous
    43
    A simple web3 app for minting NFTs
    fireship-io Web3 - Full Tutorial The demo contains a basic web3 app and smart contract for minting NFTs. See it in action in the Web3 NFT Tutorial on YouTube. Fol
     
    Miscellaneous
    28
    A three.js component library for Svelte.
    grischaerbe A three.js component library for svelte. Index What is threlte? Getting started Concepts Interactivity Viewport Awareness Reactivity Conventions Refer
     
    Miscellaneous
    26
    Wordle Svelte Clone
    tayfunerbilen Wordle Svelte Clone Son zamanlarda popüler olan WORDLE uygulamasını svelte ile yapmaya çalıştım. Bu tarz acaba yapsam nasıl yapardım uygulamarı bana ç