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

https://github.com/chrissiku/leaderboard

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://github.com/chrissiku/leaderboard

api es6 html-css-javascript webpack5

Last synced: 8 months ago
JSON representation

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.

Awesome Lists containing this project

README

          

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

# Project Name : Leaderboard

> 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.
>
>
> In order to achieve this project I used some resources and technologies listed below :

![leaderboard](https://user-images.githubusercontent.com/101924220/208920450-8ed2373e-ca42-443f-9036-e3bc7136fe46.PNG)

## Built With

- Major languages : JavaScript (ES6), HTLM and CSS
- Frameworks : none
- Module bundler : `webpack5`
- Technologies used : Github, Git and Linters

## Live Demo

Click [Here](https://chrissiku.github.io/Leaderboard/dist) To open the live demo

## Getting Started

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

### Prerequisites โ™ป๏ธ

- A personal computer connected to the internet;
- Have a working and updated browser.
- Have a local version control like git installed on your computer
- Have an account on Github, as an online/remote Version Control System
- Code editor (Visual studio code, sublime text, notepad++, ...) installed on your computer;
- At least basic of HTML and CSS.

### Setup ๐ŸŽฐ

- Click the [me](https://github.com/Chrissiku/Leaderbord) and you'll land on the pure repository;
- click on the green (๐ŸŸข) button with `Code` Inscription;
- You can choose to download the project or just clone it if you are familiar with Git and Github;
- Follow normal step once download in your computer and use it as it's yours.

### Install & ### test ๐Ÿงช

> Run thes command bellow inside your `git bash` or command line interface..
#### Install all dependencies
```sh
npm install
```

#### Build the project
```sh
npm run build
```

#### Start the server
```sh
npm run start
```
Now you can open go to yout (http://localhost:3000/)[http://localhost:3000/] and start navigate the project.

## Author

๐Ÿ‘ค **Chris Siku (Main Author)**

- GitHub: [@githubhandle](https://github.com/Chrissiku)
- Twitter: [@twitterhandle](https://twitter.com/christian_siku)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/chris-siku-4bb53b232/)

## ๐Ÿค 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!

## Acknowledgments

- Microverse
- Hat tip to anyone whose code was used.

## ๐Ÿ“ License

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