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

https://github.com/ol-create/leaderboard-app

This JavaScript project is a leaderboard that ranks results in real-time, displaying users' exact positions based on their scores. The platform features a simple and intuitive interface, optimized for handling large volumes of data and providing a seamless user experience.
https://github.com/ol-create/leaderboard-app

api-rest html javascript

Last synced: about 1 month ago
JSON representation

This JavaScript project is a leaderboard that ranks results in real-time, displaying users' exact positions based on their scores. The platform features a simple and intuitive interface, optimized for handling large volumes of data and providing a seamless user experience.

Awesome Lists containing this project

README

          

![microverse](https://user-images.githubusercontent.com/65777402/234019957-c9c5edc8-1ebe-4926-9cc4-2a5fb5591e52.svg)
# Leader board
In this project, I developed an application called "Leaderboard" that showcases scores submitted by various players. By simply clicking the refresh button, users can view the updated scores. The leaderboard presents the scores in descending order, from the highest to the lowest. Additionally, the application enables users to submit their own scores, contributing to the dynamic nature of the leaderboard.

## Responsive Website on Mobile & Desktop view

![New Leadership](https://github.com/Ol-create/Leaderboard-app/assets/65777402/4b01ef13-767f-4b73-815b-a388589199e0)

## Built With

- html
- css
- JavaScript
- webpack
- vscode
- git
- github

## Website Live Version

[Live Demo Link](https://bit.ly/3EoNDav)

## Getting Started

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

### Prerequisites
```
Modern updated Web Browser such as Chrome, Safari, Firefox, among others
Javascript enabled
node js
npm

```
### Setup

To get a local copy of this exercice, Please follow these simple example steps.

>- Clone the [repository](https://github.com/Ol-create/Leaderboard-app) and cd to the project using the commands below

```
git clone git@github.com:Ol-create/Leaderboard-app.git

cd Leaderboard-app

```

### Install
Install all project dependencies by running the command below

```
npm install
`OR`
npm i
```
### Run Server
`npm start` on your local path to start the web server.
Now you can go and play with it as you wish :smile:

## Author

| 👤 Name | Github | Twitter | LinkedIn |
|------|--------|---------|----------|
|Oluyemi Paul Olasunkanmi |[@Ol-create](https://github.com/Ol-create)|[@OluyemiPaul99](https://twitter.com/OluyemiPaul99)|[paul-oluyemi](https://www.linkedin.com/in/paul-oluyemi-193966ab/)|

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/Ol-create/Leaderboard-app/issues).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

## Acknowledgments

- Microverse inc.
- Design idea by [Cindy Shin in Behance](https://www.behance.net/adagio07), the [author of the original design](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015)

## 📝 License

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