The leaderboard website displays scores submitted by different players. It also allows you to send and receive data from API. Build with JavaScript, CSS and HTML.

  • By Fatima Ezzahra elmenoun
  • Last update: Jan 31, 2022
  • Comments: 2

Leadboard

The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved using the external Leaderboard API service.

leadboard1

Built With

  • HTML
  • CSS
  • JavaScript
  • Webpack

Live Demo

Live Demo Link

Getting Started

Setup

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

  • Run git clone https://github.com/TimmyChan99/Leaderboard.git
  • Go to the folder cd Leaderboard
  • Install packages: run npm install
  • To run application using webpack-dev-server: run npm start

Authors

👤 Fatima Ezzahra

🤝 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

  • Hat tip to anyone whose code was used
  • Inspiration
  • etc

📝 License

This project is MIT licensed.

Github

https://github.com/TimmyChan99/Leaderboard

Comments(2)

  • 1

    Use API

    Leaderboard: hit the API

    • Use Leaderboard API.
    • Create a new game by using the API.
    • Implement the "Refresh" button (receiving data from the API and parsing the JSON).
    • Implement the form "Submit" button (sending data to the API).
    • Use async and await JavaScript features to consume the API.
  • 2

    Peer-to-peer code review

    Hi Fatima! Your project looks very good, congratulations! :smiley: There is something that I noticed, and if you change it, it will be perfect. :1st_place_medal: In my opinion, if you change the input of the score to a number, it will make the user experience better, so kindly change it.