The leaderboard website displays scores submitted by different leaders

Related tags

Learning resource javascript html webpack css3
Overview

Event Page

The leaderboard website displays scores submitted by different leaders. It also allows you to add your score. The data is fetched from api and it also allow us to submit new score to API. Build with Html, CSS, JS, and Webpack.

screenshot

Built With

  • HTML
  • CSS
  • JavaScript
  • ES 6
  • Webpack

Getting Started

To get a local copy follow these simple steps.

1.- Clone this project

2.- Open the project directory in your terminal

3.- In the terminal, install the project dependencies by running bellow command

npm install

4.- To see the home page run execute below command.

npm start

Live Demo

Live Demo Link

Author

👤 Miftah Amin

🤝 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 you to submit your score. All data is preserved thanks to the external Leaderboard API service.

Mar 7, 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 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
Comments
  • Leaderboard: hit the API: Milestone 2.

    Leaderboard: hit the API: Milestone 2.

    In this milestone below features has been added:

    • Created a new game by using the API.
    • Implemented the "Refresh" button (receiving data from the API and parsing the JSON).
    • Implemented the form "Submit" button (sending data to the API).
    • Used async and await JavaScript features to consume the API.
    • no linterserror
    opened by miftah1991 1
  • Milestone 3: Add Desktop and mobile version

    Milestone 3: Add Desktop and mobile version

    Leaderboard: final touches: Milestone 3. In this milestone, the below changes have been made in the project.

    • Improved the look and feel of the application, adding the styles of my choice.
    • kept the general layout of the wireframe, as this is the only mandatory requirement.
    opened by miftah1991 0
  • Setup Project

    Setup Project

    In this milestone, the below features have been added.

    • Create an npm project with webpack.
    • Write plain HTML markup with styling.
    • .babelrcfile for import and export ES6 features.
    • Modules folder contain all JS files and functions.
    • Added leaders to local storage.
    • No linters error.
    opened by miftah1991 0
  • Code review morning session 03-03-2022

    Code review morning session 03-03-2022

    When entering a new name/score and clicking Add button the app doesn´t refresh the list automatically, doing it only when clicking Refresh button. You could check it and get into a good solution.

    opened by fernando-silvabr66 1
Owner
Miftah Amin
Full-stack software developer, stack: JavaScript, ASP.NET MVC5. I play cricket in my spare time. Looking for new opportunities.
Miftah Amin
GitHub https://miftah1991.github.io/Leaderboard/dist/
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. Build with Html, CSS, JS, API, and Webpack.

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. Build with Html, CSS, JS, API, and Webpack.

Kyrillos Hany 9 Mar 11, 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 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