Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kwekubright/leaderboard
A leaderboard website that displays scores submitted by different players. It was developed with Javascript, HTML, CSS and the Leaderboard API service was consumed.
https://github.com/kwekubright/leaderboard
Last synced: 8 days ago
JSON representation
A leaderboard website that displays scores submitted by different players. It was developed with Javascript, HTML, CSS and the Leaderboard API service was consumed.
- Host: GitHub
- URL: https://github.com/kwekubright/leaderboard
- Owner: kwekubright
- Created: 2022-06-14T10:15:05.000Z (over 2 years ago)
- Default Branch: development
- Last Pushed: 2022-06-18T12:57:55.000Z (over 2 years ago)
- Last Synced: 2023-03-04T02:03:42.697Z (almost 2 years ago)
- Language: JavaScript
- Homepage:
- Size: 5.18 MB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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.
https://user-images.githubusercontent.com/5249414/173997387-8c065314-a027-4098-9b05-958049369612.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](https://github.com/kwekubright)
- Twitter: [@twitterhandle](https://twitter.com/kwekubright_)
- LinkedIn: [LinkedIn](https://linkedin.com/in/kwekubright)
## 🤝 Contributing
- Contributions, issues, and feature requests are welcome!
- Feel free to check the [issues page](../../issues/).
## Show your support
- Give a ⭐️ if you like this project!