Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/inspecta/leaderboard

A simple JavaScript app that keeps tracks of leader board scores using a Leaderboard API. Send a POST request to the API, this generates an ID that's stored in the browser's local storage. Use the ID as part of a fetch URL to add scores and also display these scores. Use async wait JavaScript to call a function after a promise is resolved.
https://github.com/inspecta/leaderboard

api async gh-pages html-css-javascript linters localstorage modules npm wait webpack

Last synced: about 2 months ago
JSON representation

A simple JavaScript app that keeps tracks of leader board scores using a Leaderboard API. Send a POST request to the API, this generates an ID that's stored in the browser's local storage. Use the ID as part of a fetch URL to add scores and also display these scores. Use async wait JavaScript to call a function after a promise is resolved.

Awesome Lists containing this project

README

        

# Leaderboard Application

> Displays scores of different game players. Application allows you to submit a player's name along side his/her scores through a form.
> Scores are displayed on the main page of the App. Refresh to get the latest score additions.

## Built With

- Major languages - HTML, CSS, JavaScript
- Frameworks - Webpack
- Technologies used - VS Code, Chrome

## Getting Started

To get a local copy up and running follow these simple example steps.

### Prerequisites
- Local Machine, Git, Text Editor (VS Code preferably)

### Setup
- Checkout the project repository here [Link](https://github.com/inspecta/Leadership)

### Install
- Use can use the repository HTTPS or SSH Urls to clone the project on your local machine or download the ZIP folder and extract its contents.

### Usage
- Run the index.html file in the root directory of the project using any browser.

### Run tests
- Use Chrome dev tools
- Ensure to checkout any linter errors

### Deployment
- Use Github pages for free and secure deployment.

## Authors

👤 **Derrick Mulinde**

- GitHub: [@inspecta](https://github.com/inspecta)
- Twitter: [@djmulinde](https://twitter.com/djmulinde)
- LinkedIn: [derrick-mulinde](https://linkedin.com/in/derrick-mulinde)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to open a new issue in the repository. I will be grateful to have them.

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Thanks Microverse for the support and inspiration to do this.
- This replica was originally designed by Cindy Shin in Behance. Checkout Cindy's design [Here](https://www.behance.net/adagio07)

## 📝 License

This project is [MIT](./LICENSE) licensed.