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

https://github.com/sulimanjoya/leaderboard-app

The Leaderboard app displays scores submitted by various players and allows users to submit their own scores. The data is securely preserved using an external Leaderboard API service.
https://github.com/sulimanjoya/leaderboard-app

css3 html5 javascript rest-api webpack

Last synced: about 2 months ago
JSON representation

The Leaderboard app displays scores submitted by various players and allows users to submit their own scores. The data is securely preserved using an external Leaderboard API service.

Awesome Lists containing this project

README

          

# 📗 Table of Contents

- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [📝 License](#license)

# 📖 Leaderboard

**Leaderboard** In this activity I set up a JavaScript project for a Leaderboard list app, using webpack and ES6 features, notably modules. I also consume the Leaderboard API using JavaScript async and await, i will add some styling.

## 🛠 Built With

- HTML
- CSS
- Javascript
- webpack

### Key Features

- **[Hit_the_Api]**

(back to top)

## 🚀 Live Demo

- [Live Demo Link](https://sulimanjoya.github.io/Leaderboard-App/dist/)

(back to top)

## 💻 Getting Started

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

### Prerequisites

In order to run this project you need:

- Web Browser
- Code Editor: [visual Studio code](https://code.visualstudio.com/)
- node.js(preferable).
- GitHub/Git.

### Setup

Clone this repository to your desired folder:

```
git@github.com:SulimanJoya/Leaderboard-App.git

```

Open a index.html file with your code editor of your choice and/or a browser of your choice.

```
Open the project using a live server extension that can be found into your code editor.
```

### Install

Install npm packages with:

```
cd Leaderboard-App
```

```
npm install
```

```
npm run build
```

(back to top)

### Usage

To run the project, execute the following command:

```
npm start
```

## 👥 Authors

> Mention all of the collaborators of this project.

👤 **Mohammad Suliman Joya**

- GitHub: [@SulimanJoya](https://github.com/SulimanJoya)
- LinkedIn: [Mohammad Suliman Joya](https://www.linkedin.com/in/sjoya66/)

(back to top)

## 🔭 Future Features

> Below is a lists of Features to be added later:

- Deploy the app online
- Change the design of the app
- Add dark mode to the app

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)

## ⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

## 🙏 Acknowledgments

I would like to thank my coding partner Mladan Ilic [@Mladan Ilic](https://github.com/djo1975)

(back to top)

## 📝 License

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

(back to top)