Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/abdelaziz-mahdi/leaderboard

Leaderboard list app is a JavaScript project, using webpack and ES6 features, notably modules, and consume the Leaderboard API using JavaScript async/await.
https://github.com/abdelaziz-mahdi/leaderboard

Last synced: 28 days ago
JSON representation

Leaderboard list app is a JavaScript project, using webpack and ES6 features, notably modules, and consume the Leaderboard API using JavaScript async/await.

Awesome Lists containing this project

README

        



Leaderboard



logo


# 📗 Table of Contents

- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ](#faq)
- [📝 License](#license)

# 📖 Leaderboard

**Leaderboard list app** is a JavaScript project, using webpack and ES6 features, notably modules, and consume the Leaderboard API using JavaScript async/await.

## 🛠 Built With

### Tech Stack

Client


  • html

  • css

  • js

  • ES6

  • webpack

Server


  • Not aplies

Database


  • Not aplies

### Key Features

- **Single page application.**
- **Use ES6 syntax.**

(back to top)

## 🚀 Live Demo

- [Leaderboard Demo](https://abdelaziz-ali.github.io/Leaderboard/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:

- Install Node.js.
- Visual Studio Code or equivalent.
- Internet Browser

### Setup

Clone this repository to your desired folder:

- cd my-folder
- git clone [https://github.com/Abdelaziz-Ali/Webpack-Template.git](https://github.com/Abdelaziz-Ali/Webpack-Template.git)

### Install

Install this project with:

- cd my-project
- git config --global --add safe.directory my-directory/my-folder/my-project

### Usage

To run the project, execute the following command:

- code .
- git status
- npm init
- npm install
- npm i webpack
- npm start

### Run tests

To run tests, run the following command:

applicable in future features

### Deployment

You can deploy this project using:

Github Pages

(back to top)

## 👥 Authors

👤 Abdelaziz Ali

- GitHub: [@Abdelaziz-Ali](https://github.com/Abdelaziz-Ali)
- Twitter: [@AbdelazizDV](https://twitter.com/AbdelazizDV)
- LinkedIn: [in/abdelaziz-ali-dev](https://www.linkedin.com/in/abdelaziz-mahdi)

(back to top)

## 🔭 Future Features

- [ ] **Style final touches.**

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

(back to top)

## ⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

## 🙏 Acknowledgments

Templete used in project provided by (Microverse)!

(back to top)

## 📝 License

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

(back to top)