- The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service.
Below you can see how this website should look and behave:
LEADERBOARD | ||
---|---|---|
![]() |
- 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.
- Use API documentation.
- Understand and use JSON.
- Make JavaScript code asynchronous.🐛🐛.
$ git clone https://github.com/BenMukebo/Leaderboard.git
$ cd Leaderboard
$ npm install --save-dev html-webpack-plugin
$ npm install --save-dev webpack-dev-server
$ npm npm install --save-dev style-loader css-loader # To able to use npm run start for live reloading.
$ sass --watch src/scss/style.scss src/css/style.css # this will make to automatically compile scss code in css.
$ npm install
$ npm run build
$ npm run start # this will make webpack watching for your changes in code.
$ open dist/index.html
For tracking linter errors locally you need to follow these steps:
-
For tracking the linter errors in HTML file run:
npx hint .
-
For tracking the linter errors in CSS file run:
npx stylelint "**/*.{css,scss}"
- And For tracking the linter errors in JavaScript file run:
npx eslint .
- HTML
- JavaScript
- SCSS
- Webpack
The author of the entire code is Ben Mukebo-
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!❤️❤️❤️
Thank you Microverse for preparing this project! 👏👏👏
This project is MIT licensed.