Leaderboard App

This Leaderboard app uses an API to receive and display the scores of the game of different players. It is built with HTML, CSS and JavaScript.

📗 Table of Contents

• 📗 Table of Contents
• 📖 Leaderboard App
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Run tests
  • 👥 Authors
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • ❓ FAQ (OPTIONAL)
  • 📝 License

📖 Leaderboard App

Leaderboard App uses an API to receive and display the scores of the game of different players. It is built with HTML, CSS and JavaScript.

🛠 Built With

• HTML
• CSS
• JavaScript

Tech Stack

Key Features

Technical features:

• no linter errors
• dynamically created leaderboard list
• Webpack
  • The index.html file is set as a template using the HTML Webpack Plugin
  • The style.css is loaded by Webpack Style/CSS Loader
• All data is preserved using the external Leaderboard API service
• ES6 features used

(back to top)

🚀 Live Demo

• See Live Demo here

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

• Git
• GitHub
• Webpack

Setup

• Link your PC to GitHub
• Clone this repository to your desired folder:

Install

Install this project with:

• webpack

npm install -g webpack

npm install -g webpack-cli

• project dependencies

npm install

Run tests

To run Stylelint and ESLint tests, run the following commands respectively:

npx stylelint "**/*.{css,scss}"

npx eslint .

(back to top)

👥 Authors

👤 Yesuf Fenta

• GitHub: @yusufyusie
• Twitter: @yusufyusiee
• LinkedIn: yusufyusie

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!.

(back to top)

🙏 Acknowledgments

• I would like to thank
  • 

(back to top)

❓ FAQ (OPTIONAL)

• How to fix JavaScript + CSS + HTML linter errors?

  • Kindly use the following in your project's root directory:

  npx stylelint "**/*.{css,scss} --fix"
  

  npx eslint . --fix
  

(back to top)

📝 License

This project is MIT licensed.

NOTE: we recommend using the MIT license - you can set it up quickly by using templates available on GitHub. You can also use any other license if you wish.

(back to top)