This is a leaderboard showing all the top players, where you can enter your own score, and see how you rank against the other players

  • By Humaira Zaman
  • Last update: Dec 20, 2021
  • Comments: 1

Leaderboard

This is a leaderboard showing all the top players, where you can enter your own score, and see how you rank against the other players. This project is to practice:

  • Using callbacks and promises.
  • Learning how to use proper ES6 syntax.
  • Using ES6 modules to write modular JavaScript.
  • Using webpack to bundle JavaScript.

screenshot screenshot

Built With

  • Html, CSS, Javascript
  • Webpack

Live Demo

Live Demo Link

Getting Started

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

Prerequisites

  • Node.js

Setup

  • Clone this repository.

Install

  1. On your computer, open your terminal
  2. cd into the repository's folder.
  3. Enter npm install into the terminal.
  4. Enter npm run build into the terminal.
  5. Run the dist/index.html file.

Authors

๐Ÿ‘ค Humaira Zaman

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a โญ๏ธ if you like this project!

Acknowledgments

  • Microverse team.

๐Ÿ“ License

This project is MIT licensed.

Github

https://github.com/qwibbler/leaderboard

Comments(1)

  • 1

    Peer to peer code review 15-12-2021

    Peer to peer code review.

    Good job implementing your project ๐Ÿ‘ Here is a little suggestion you can implement to improve JavaScritp. https://github.com/qwibbler/leaderboard/blob/f797b44456d2f03f430bf9da085b9cdca7a80984/src/show-all.js#L7

    You can leave that statement for the CSS using the property ul li:nth-child(odd) {} to be performed automatically.

    Other than that your project looks awesome.

    Keep going