https://github.com/elerqsousy/leaderboard-api
A simple design for a leaderboard list. All data are stored on Leaderboard API. Upon page load, List of scores get updated from the API. Upon submitting names and scores, names are added to the list of game scores on the API. Upon clicking refresh, list of names are updated adn sorted according to score and displayed. Top three score holders are marked in gold, silver and bronze.
https://github.com/elerqsousy/leaderboard-api
api-rest css3 es6-javascript html5 webpack
Last synced: about 1 year ago
JSON representation
A simple design for a leaderboard list. All data are stored on Leaderboard API. Upon page load, List of scores get updated from the API. Upon submitting names and scores, names are added to the list of game scores on the API. Upon clicking refresh, list of names are updated adn sorted according to score and displayed. Top three score holders are marked in gold, silver and bronze.
- Host: GitHub
- URL: https://github.com/elerqsousy/leaderboard-api
- Owner: Elerqsousy
- License: mit
- Created: 2022-03-03T14:43:00.000Z (over 4 years ago)
- Default Branch: dev
- Last Pushed: 2022-03-05T17:00:47.000Z (over 4 years ago)
- Last Synced: 2023-03-06T21:52:23.543Z (over 3 years ago)
- Topics: api-rest, css3, es6-javascript, html5, webpack
- Language: JavaScript
- Homepage:
- Size: 8.29 MB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Leaderboard
> A simple design for a leaderboard list. All data are stored on Leaderboard API. Upon page load, List of scores get updated from the API. Upon submitting names and scores, names are added to the list of game scores on the API. Upon clicking refresh, list of names are updated and displayed.
## Screensot
## Built With
- HTML
- css
- JS
- Webpack
- Restful API
## Live Demo (if available)
Check the [Live Demo](https://elerqsousy.github.io/leaderboard-api/) deployed on github pages.
## Getting Started
This is a simple static website made with HTML5, CSS, and JavaScript. There is no specific requirements for building the project.
## Setup
- clone the repo locally
### Install
- run "npm install" to install dependencies.
- run "npm start" to run local live host.
- run "npm run build" to bundle dist files.
## Authors
👤 **Mahmoud Rizk**
- GitHub: [@Elerqsousy](https://github.com/Elerqsousy)
## Credits
Loading animation is an edited version of [Tatsuya Azegami](https://codepen.io/42EG4M1)'s [animation](https://codepen.io/42EG4M1/pen/bVMzze).
## 🤝 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!
## 📝 License
This project is [MIT](./MIT.md) licensed.