The leaderboard website displays scores submitted by different players. It also allows you to submit your score. Built with HTML, CSS, JavaScript with APIs

Overview

LeaderBoard

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

Built With

  • Html,JS,CSS
  • Webpack and other dependencies
  • Git, Github, linters

Setup

To get a local copy up and running you'll need to have NodeJS installed on your local machine.

Install

After installing NodeJS please follow the next steps...

Usage

npm i

-- for installing dev dependecies.

npm run build

-- to run the project.

Testing

npm run dev

Live Demo

Live Demo Link

Author

👤 PROMISE OKECHUKWU

🤝 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
  • etc

📝 License

This project is MIT licensed.

You might also like...

A leaderboard website which displays scores submitted by different players. It also allows you to submit your score. All data is preserved in the external game API.

Leaderboard LeaderBoard Built With HTML JavaScript CSS webpack Getting Started clone this repository. $ cd Leaderboard. $ npm run build . $ npm start

Oct 13, 2022

The leaderboard website displays scores submitted by different players. It also allows you to submit your score. I created this project using ES6 concepts. I connected to the Leadboard API service

Leaderboard App The leaderboard website displays scores submitted by different players. It also allows you to submit your score I created this project

Dec 21, 2022

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

Nov 9, 2022

This application displays scores submitted by different players from an API service. It also allows a user to submit his/her score while saving the data on the API.

Leaderboard This application displays scores submitted by different players from an API service. It also allows a user to submit his/her score while p

Jul 15, 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

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

Jul 25, 2022

Leaderboard web display recent scores for different players and it also allows you to submit a new score.

Leaderboard web display recent scores for different players and it also allows you to submit a new score.

Leaderboard Leaderboard web display recent scores for different players and it also allows you to submit a new score. Getting Started To get a local c

Apr 14, 2022

Leaderboard is a simple app that allows players to add their scores and see other players' scores, using Leaderboard API, JavaScript, HTML, and CSS.

Leaderboard: setup project description: A Leaderboard app that allows players to add their score, and see other player scores. in this project: Set up

Jun 20, 2022
Comments
  • Final touch

    Final touch

    Hello There 😄

    In this PR, I did the following:

    • [x] Implemented a function that displays an error message when the input is empty

    • [x] Implemented a function that displays a success message when the input is correctly submitted

    • [x] Implemented afunction that tells the user how many users and scores have been successfully added

    • [x] Added styles, transitions, and animations to make the UI colorful and accessible and also the UX fun and engaging

    • [x] Used arrow functions instead of the function keyword.

    • [x] Checked for linter errors

    • [x] Added, committed, and pushed Changes

    Happy Reviewing 👍🏻

    Thank you 🤝

    opened by PromzzyKoncepts 0
  • Leaderboard hit api

    Leaderboard hit api

    Hello There 😄

    In this PR, I did the following:

    • [x] Created a new game with a name by using the API.

    • [x] Made sure that you saved the ID of my game that will be returned by API.

    • [x] Implemented the Refresh button that will get all scores for a game created by a user from the API ( by receiving data from the API and parsing the JSON).

    • [x] Implemented the form Submit button that will save a score for a game created by you (sending data to the API).

    • [x] Used arrow functions instead of the function keyword.

    • [x] Used async and await JavaScript features to consume the API.

    • [x] Checked for linter errors

    • [x] Added, committed and pushed Changes

    Happy Reviewing 👍🏻

    PLEASE NOTE 🛑 : You can observe that i went ahead and and finished both activity of today and tomorrow which includes the final stylings and touches, please ignore that and review based on the Project requirements

    Thank you 🤝

    opened by PromzzyKoncepts 0
  • Feature/project setup

    Feature/project setup

    Hey There, 😄

    In this PR, you can find i did the following:

    • [x] Made use of Gitflow for creating branches
    • [x] Created an npm project with webpack with dist folder
    • [x] Wrote plain HTML markup with minimum stylings
    • [x] Installed linters and corrected the checked errors
    • [x] Added, committed and pushed changes

    Happy Reviewing 👍🏻

    opened by PromzzyKoncepts 0
Owner
Promise Okechukwu
- Software Engineering student and Mentor at @microverseinc - Journey to Full-stack Developer: HTML-CSS-JS-RUBY-RAILS--Node.JS-PHP - Open to new opportunities
Promise Okechukwu
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

Jihane Haddad 5 Feb 10, 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
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.

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

Sanja Mandic 9 Sep 30, 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.

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

null 5 Mar 5, 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

Mohammed Elseddik Rebbouh 3 Apr 19, 2022