Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/developertariq/leaderboard

This is a JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules. We develop a first working version of the app following a wireframe, but without styling - just focus on functionality. We will consume Leaderboard API using JavaScript async and await and add some styling.
https://github.com/developertariq/leaderboard

Last synced: 24 days ago
JSON representation

This is a JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules. We develop a first working version of the app following a wireframe, but without styling - just focus on functionality. We will consume Leaderboard API using JavaScript async and await and add some styling.

Awesome Lists containing this project

README

        



logo

Microverse README Template

# 📗 Table of Contents

- [📗 Table of Contents](#-table-of-contents)
- [📖 Leaderboard ](#-leaderboard-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo ](#-live-demo-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [👥 Authors ](#-authors-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [❓ FAQ ](#-faq-)
- [📝 License ](#-license-)

# 📖 Leaderboard

Leaderboard is a educational project, where I used webpack and ES6 features, notably modules. I developed a first working version of the app following a wireframe, but without styling - just focus on functionality. In following activities, I consumed the Leaderboard API using JavaScript async and await and add some styling.

## 🛠 Built With

### Tech Stack


  • JavaScript

  • CSS

  • HTML

### Key Features

- Use callbacks and promises.
- Learn how to use proper ES6 syntax.
- Use ES6 modules to write modular JavaScript.
- Use webpack to bundle JavaScript.
- Send and receive data from an API.
- Make JavaScript code asynchronous.

(back to top)

## 🚀 Live Demo

- [Live Demo Link](https://github.com/developertariq/Leaderboard)

(back to top)

## 💻 Getting Started

### Prerequisites

In order to run this project you need:

npm install --save-dev webpack
or specific version
npm install --save-dev webpack@

### Setup

Clone this repository to your desired folder:

git clone https://github.com/developertariq/Leaderboard.git

### Install

Install this project with:

**To use this project, you no need to install.**

### Usage

To run the project, execute the following command:

npm start

### Run tests

**There is no test script for this project.**

### Deployment

You can deploy this project using:

**This project is not deployed yet.**

(back to top)

## 👥 Authors

> Mention all of the collaborators of this project.

👤 Md Tariq-ul Islam
- GitHub: @developertariq
- LinkedIn: www.linkedin.com/in/developer-tariq
- Twitter: @developer_tariq

(back to top)

## 🔭 Future Features

> Describe 1 - 3 features you will add to the project.

- **Use callbacks and promises**
- **Use ES6 modules to write modular JavaScript**
- **Send and receive data from an API**

(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

> Write a message to encourage readers to support your project

If you like this project...

(back to top)

## 🙏 Acknowledgments

> Give credit to everyone who inspired your codebase.

I would like to thank...

(back to top)

## ❓ FAQ

> Add at least 2 questions new developers would ask when they decide to use your project.

- **[Question_1]**

- [Answer_1]

- **[Question_2]**

- [Answer_2]

(back to top)

## 📝 License

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

_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._

(back to top)