/Leaderboard

Primary LanguageJavaScriptMIT LicenseMIT

Leaderboard

This project was built to display a leaderboard that displays scores submitted by different players. This application makes use of the API, send a recieve data to and from the API. This project was built using webpack and will be served using webpack dev server.

This is a project containing several file such as:

  1. index.html
  2. style.css
  3. index.js
  4. scores.js
  5. show.js

Built With

-- HTML, CSS, JavaScript -- Used Webpack as bundler -- (Used Lighthouse, Webhint, Stylelint, and ESLint as linters)

Getting Started

This project makes use of Webpack to bundle all the JS modules.

Clone the repository into your local machine and then run npm install to download all the dependencies. Then after making any changes inside the src/ folder, you can run npm run build to generate the corresponding files inside dist/ directory.

Run tests If you want to test your changes on the fly without having to build every time, you can use npm run start to start the webpack-dev-server in development mode. This will watch for any changes you make and update the page accordingly.

To check the linters on your local env, make sure you have installed all dependencies (npm install) and then copy and paste the following files inside the root of the project: .hintrc, .stylelintrc.json, and .eslintrc.json.

Prerequisites

You only need a good computer with a browser and VS Code.

Authors

👤 Abdul Rahman Daudzai

Show your support

Give a ⭐️ if you like this project!