The leaderboard website displays scores submitted by different players

  • By Nicholas Mutale
  • Last update: Jul 2, 2022
  • Comments: 3

LeaderBoard

Description

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.

  • This is the page view:

Screenshot1

Built With

  • HTML
  • CSS
  • JavaScript

Getting Started

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

  1. Clone the Repo or Download the Zip file or https://github.com/Mutalenic/leaderBoard.git.
  2. cd /leaderBoard
  3. Open it using live server by using this command: npm run build or npm start

Test

For tracking linter errors locally you need to follow these steps:

After cloning the project you need to run these commands

npm install This command will download all the dependancies of the project

For tracking linter errors in HTML files run:

npx hint .

For tracking linter errors in CSS or SASS files run:

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

And For tracking linter errors in JavaScript files run:

npx eslint .

Live Demo

LeaderBoard

Author

👤 Nicholas Mutale

Contributions, issues, and feature requests are welcome!

Feel free to check the [https://github.com/Mutalenic/leaderBoard/issues]

Show your support

Give a ⭐️ if you like this project

📝 License

This project is MIT licensed.

Github

https://github.com/Mutalenic/leaderBoard

Comments(3)

  • 1

    Leader-Board

    I built a leaderboard website - that displays scores submitted by different players. It also allows you to submit your score. All data is preserved at the external Leaderboard API service. I used the following technologies:

    • HTML
    • CSS
    • JavaScript
    • Webpack
    • API
    • Git-Flow
  • 2

    Peer-to-peer review

    Good Job and congratulations on this milestone :ok_hand:

    • :heavy_check_mark: layout
    • :heavy_check_mark: functionalities
    • :heavy_check_mark: testing
    • :heavy_check_mark: API But we would suggest checking the ACCESSIBILITY on your app by using this link https://www.tenon.io/ to avoid too many color contrasts.
  • 3

    Peer to peer code review

    🟡 Status: Changes Required 🛑

    Hello @Mutalenic 😃, :wave:

    Great job so far! There are some issues that you still need to work on to go to the next project but you are almost there!

    To Highlight

    ✅ No linter errors. ✅ You used the correct GitHub Flow. ✅ Clean code

    Required Changes ♻️

    • In the README file, kindly, add a License so that your project would seem more professional.
    • Also please add your Twitter along with your LinkedIn accounts displayed in the file so that you'd have a better chance of meeting a potential recruiter.

    Cheers and Happy coding!👏👏👏

    Feel free to leave any questions or comments if something is not 100% clear. Please, remember to tag me in your question so I can receive the notification.

Popular Tag

Related