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

https://github.com/chelmerrox/leaderboard

A Leaderboard site that displays scores submitted by different players. It was built with HTML, CSS, vanilla JavaScript & the Leaderboard API.
https://github.com/chelmerrox/leaderboard

api bundle css3 dependencies es6 front-end git-flow github-actions html5 javascript leaderboard linters microverse modules node-js package-manager remote solo webpack wireframe

Last synced: 19 days ago
JSON representation

A Leaderboard site that displays scores submitted by different players. It was built with HTML, CSS, vanilla JavaScript & the Leaderboard API.

Awesome Lists containing this project

README

        

![](https://img.shields.io/badge/Microverse-blueviolet)

# Leaderboard

> This is a Leaderboard site that displays scores submitted by different players. It was built with HTML, CSS, JavaScript, Webpack & the Leaderboard API.

## Built With

- HTML5
- CSS3
- JavaScript
- Webpack
- Leaderboard API
- Git
- Medium fidelity wireframe
- Postman

## Preview

![Website preview](./preview.png)

## Live Demo

[Live Demo Link from ./dist/index.html](https://raw.githack.com/chelmerrox/leaderboard/development/dist/index.html)

## Getting Started

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

### Prerequisites

- HTML5 & CSS3
- JavaScript
- Webpack
- Leaderboard API
- VSCode (or any other text editor)
- Git
- GitHub
- Command line/Terminal

### Setup

From the command line, do the following steps below:

1. Clone the projects' repository into your machine.

```bash
# Clone this repository
$ git clone [email protected]:chelmerrox/leaderboard.git

```
2. Change directory/Go into the repository with the command below.

```bash
$ cd leaderboard

```

3. Run this command.

```bash
$ npm run build

```

4. Run this to deploy the site on your local machine.

```bash
$ npm start

```

## Author

👤 **Losalini Rokocakau**

- GitHub: [@chelmerrox](https://github.com/chelmerrox)
- Twitter: [@chelmerrox](https://twitter.com/chelmerrox)
- LinkedIn: [Losalini Rokocakau](https://linkedin.com/in/losalini-rokocakau)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/chelmerrox/leaderboard/issues).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- My God & family
- Microverse
- Coding & Learning Partners:
1. [Lawrence Addai Kusi](https://github.com/kusiLaw)
2. [Marvellous](https://github.com/Tommymarvel)
- Morning Session Teams
- Stand-Up Team
1. [Habib Payenda](https://github.com/HabibPayenda)
2. [Nii Darku](https://github.com/niicode)
3. [Edi Sipka](https://github.com/edi-sipka)
- Microverse TSEs

## 📝 License

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