LeaderBoard App

Description

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.

leaderboard-screenrecording2.mp4

Live Demo: https://kwekubright.github.io/LeaderBoard/public/

Development Quickstart

$ git clone https://github.com/kwekubright/LeaderBoard.git
$ cd webpack-skeleton
$ touch .env
$ npm install
$ npm build
$ npm start

.env file

Below is the content for .env file. Please create a .env file in the root folder and paste the code below to be able to run the code locally:

GAME_ID="zlYEZxLx5r6TCz5Zwler"
GAME_NAME="Microverse League of Legends"
API_BASE_URL="https://us-central1-js-capstone-backend.cloudfunctions.net/api/"

Requirements

You will need [Node.js] with [NPM]

Be sure that all commands run under the correct Node version, e.g., if using [nvm], install the correct version with

Install the development dependencies with

$ npm install

Author

👤 Bright Kweku Ahiadeke

• GitHub: @kwekubright
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

🤝 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!