Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/banzaman/leaderboard

Consuming the Leaderboard API using JavaScript async and await, adding some styling, using webpack and ES6 features.
https://github.com/banzaman/leaderboard

Last synced: 1 day ago
JSON representation

Consuming the Leaderboard API using JavaScript async and await, adding some styling, using webpack and ES6 features.

Host: GitHub
URL: https://github.com/banzaman/leaderboard
Owner: banzaman
License: mit
Created: 2023-01-31T20:31:05.000Z (almost 2 years ago)
Default Branch: main
Last Pushed: 2023-02-04T08:31:00.000Z (almost 2 years ago)
Last Synced: 2024-11-16T19:25:06.990Z (about 2 months ago)
Language: JavaScript
Size: 255 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        ![](https://img.shields.io/badge/Academic-blue)

![](https://img.shields.io/badge/HTML-red)

![](https://img.shields.io/badge/JavaScript-yellow)

  
README FILE


# 📗 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)

  - [Prerequisites](#prerequisites)

  - [Usage](#usage)

   [👥 Authors](#authors)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [❓ FAQ (OPTIONAL)](#faq)

- [📝 License](#license)

# 📖 [LEADERBOARD] 

**[LEADERBOARD]** an app used to learn to send, receive data from an API, use API documentation, understand and use JSON and make JavaScript code asynchronous.

## 🛠 Built With 

### Tech Stack 

  Client

  


    HTML5

    CSS

    JS

    ESLint

    StyleLints

    GitFlow

  


### Key Features 

- **[GIT FLOW]**

- **[Good HTML, JS and CSS practices]**

- **[Dynamically]**

(back to top)


## 🚀 Live Demo 

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

(back to top)


## 💻 Getting Started 

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

### Prerequisites 

If you haven't yet, you should first [set up Git.](https://docs.github.com/en/get-started/quickstart/set-up-git) Don't forget to [set up authentication to GitHub.com from Git](https://docs.github.com/en/get-started/quickstart/set-up-git#next-steps-authenticating-with-github-from-git) as well.

### Usage 

- Clone the repository

  - Above the list of files, click **↓Code**

  - Clone with HTTPS

  - Open Terminal

  - Change the current working directory to the location where you want the cloned directory

  - Type `git clone`, and then paste the URL you copied earlier

  - Press Enter. Your local clone will be created

- Install webpack

  - Required to run `npm init -y`

  - Webpack `npm install webpack webpack-cli --save-dev`

  - HTML plugin `npm install --save-dev html-webpack-plugin`

  - CSS plugin `npm install --save-dev style-loader css-loader`

  - Live Server `npm install --save-dev webpack-dev-server`

For the Live Server `npm start` http://localhost:8080/

(back to top)


## 👥 Authors 

👤 **Author1**

- GitHub: [@Banzaman](https://github.com/banzaman)

- LinkedIn: [Mark Rubanza Anderson](https://linkedin.com/in/Mark-Rubanza-Anderson)

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

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

(back to top)


## ⭐️ Show your support 

If you like this project...

(back to top)


## ❓ FAQ (OPTIONAL) 

- **What is this for?**

  - This is an app used to learn to send, receive data from an API, use API documentation, understand and use JSON and make JavaScript code asynchronous.

- **Can i copy this project?**

  - Your welcome, copy this project and let me know if you need something.

(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)