The leaderboard website displays scores submitted by different players.

Related tags

Learning resource javascript css html webpack
Overview

Leaderboard

The leaderboard website displays scores submitted by different players. After clicking submit, the player should click refresh in order to update the leaderboard.

Built With

  • HTML
  • CSS
  • JavaScript
  • Modules
  • Webpack

Screenshot

Mobile

Screenshot from 2022-04-13 14-14-23

Desktop

screencapture-localhost-8081-2022-04-13-14_13_29

Getting Started

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

Prerequisites

  • browser (Google Chrome, Firefox)
  • text editor (VSCode)
  • terminal

Setup

git clone [email protected]:virag-ky/Leaderboard.git

Open in the browser

npm start

Live Site URL

https://virag-ky.github.io/Leaderboard/

Authors

👤 Author

🤝 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!

📝 License

This project is MIT licensed.

You might also like...

The leaderboard website displays scores submitted by different players

The leaderboard website displays scores submitted by different players

The leaderboard website displays scores submitted by different players. It also allows players to submit their own score. All data is preserved online, thanks to the Leaderboard API service.

Mar 31, 2022

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 API.

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 API.

Leaderboard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved tha

Mar 5, 2022

The leaderboard website displays scores submitted by different players.

The leaderboard website displays scores submitted by different players.

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.

Jul 28, 2022

The leaderboard is website displays scores submitted by different players. It also allows you to submit your score.

Leaderboard The leaderboard is website displays scores submitted by different players. It also allows you to submit your score. Major languages HTML C

Apr 19, 2022

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.

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.

Leadboard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved using

Jan 31, 2022

The leaderboard website displays scores submitted by different players.

The leaderboard website displays scores submitted by different players.

The leaderboard website displays scores submitted by different players. It also allows you to submit your score. It preserves all data thanks to the external Leaderboard API service.

May 31, 2022

The leaderboard website displays scores submitted by different players.

The leaderboard website displays scores submitted by different players.

Leaderboard The leaderboard website displays scores submitted by different players. After clicking submit, the player should click refresh in order to

Nov 26, 2022

This 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. Built with Webpack and ES6

Leaderboard This website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to the

Sep 30, 2022

The leaderboard website displays scores submitted by different players.

The leaderboard website displays scores submitted by different players.

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.

Dec 21, 2022
Comments
  • Peer to Peer Code Review

    Peer to Peer Code Review

    The project looks great and amazing visually and the theme fits the context of the application. Here is a list of issues to be looked at.

    • I realized when I post a game score, the list is not updated with the refresh button
    • The score fields can make use type="number" instead of type="text" to prevent non-numeric values from getting into the submission
    opened by sabetech 1
  • Peer To Peer Code Review

    Peer To Peer Code Review

    NIce work @virag-ky .Your project is awesome, congrats. I think it would be good if you remove unused libraries or commented code, as this makes your code clean. Reference issue :-1: https://github.com/virag-ky/Leaderboard/blob/0a797fed970d0f3f62d3a77e3d79802db60dd062/src/index.js#L2

    opened by sainingo 0
  • Leaderboard - API feature

    Leaderboard - API feature

    HTML

    • added a paragraph element for the error message (appears when the user is entering letters/nothing instead of numbers in the input)
    • changed the input type to button instead of submit

    JavaScript

    • added all the functionalities to the submit and refresh buttons
    • the user cannot submit the input values until he/she enters a valid input
    • after entering the correct input values, the user clicks the refresh button so that the leaderboard can update
    • the scores are displayed in a descending order
    opened by virag-ky 0
  • Leaderboard: Basic setup

    Leaderboard: Basic setup

    Basic setup of the Leaderboard project

    • I set up the project with webpack
    • I installed the linter files
    • Added HTML markup and basic styling with Bootstrap
    opened by virag-ky 0
Owner
Virag Kormoczy
Software student & mentor at Microverse. Full-Stack Web Developer journey. HTML | CSS | JavaScript
Virag Kormoczy
GitHub https://virag-ky.github.io/Leaderboard/
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.

Leaderboard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved tha

Regiss Mukubiza 2 Apr 8, 2022
A leaderboard website that displays scores submitted by different players. It was developed with Javascript, HTML, CSS and the Leaderboard API service was consumed.

LeaderBoard App Description The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data

Bright Kweku Ahiadeke 6 Jul 25, 2022
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.

Leaderboard- DESCRIPTION The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is

Andres Garzon 2 Jun 16, 2022
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 a project for learning purposes which I'll practice medium-fidelity wireframes to create a UI.

Leaderboard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved tha

Tiago Lelinski Marin 6 Aug 4, 2022
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. Built with Html, CSS and JavaScript

Leaderboard App ?? Table of Contents ?? About the Project ?? Built With Tech Stack Key Features ?? Live Demo ?? Getting Started Setup Prerequisites In

Tetteh Kodjo-Sarso 4 Mar 21, 2023
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.

Leaderboard ?? Table of Contents ?? About the Project ?? Built With Tech Stack Key Features ?? Live Demo ?? Getting Started Setup Prerequisites Instal

Ritika Rawat 4 Mar 20, 2023
The Leaderboard App displays scores submitted by different players, allows you to submit your score and all data is preserved in the Leaderboard API service.

Leaderboard The Leaderboard App displays scores submitted by different players, allows you to submit your score and all data is preserved in the Leade

Jonathan Kayizzi 6 Nov 9, 2022
The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to an external API. Technologies used are JavaScript(ES6), HTML5, CSS3, Webpack. Also, the Gitflow workflow was used.

Leaderboard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved tha

Ricky Mormor 4 Apr 20, 2022
A leaderboard website that displays scores submitted by different players.

A leaderboard website that 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.

Ola Ishola 3 May 2, 2022
The leaderboard website displays scores submitted by different players

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.

Gabriela Sánchez Espirilla 4 Mar 7, 2022