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.

Stars
7

Leaderboard

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.

Project 1: basic page structure.I will build a simple HTML leaderboard. The leaderboard will be styled according to the specifications listed in the lesson. This simple web page will be built using webpack.

Project 2: send and receive data from API.

Project 3:final touches

📗 Table of Contents

📖 Leaderboard

Here are some features of the page:

🛠 Built With

HTML
CSS
Javascript

🚀 Live Demo

Leaderboard live link

💻 Getting Started

  • Create a local directory that you want to clone the repository.

  • Open the command prompt in the created directory.

  • On the terminal run this command git clone [https://github.com/Lucas-Erkana/Leaderboard.git]

  • Go to the repository folder using command prompt cd Leaderboard

  • Install the dev dependencies for linters run npm install.

  • To start run npm start

Prerequisites

In order to run this project you need:

-A working browser application (Google chrome, Mozilla Fire fox, Microsoft edge ...)

-VSCode or any other equivalent code editor

-Node Package Manager (For running, debuging, or installing dependancies to be used)

Setup

Clone this repository to your desired folder:

  • Open the command prompt in the created directory.

  • On the terminal run this command git clone https://github.com/Lucas-Erkana/Leaderboard.git

  • Go to the repository folder using command prompt cd Leaderboard

  • Install the dev dependencies for linters run npm install.

  • To start run npm start --->

👤Authors

githubhandle twitterhandle linkedIn facebook

🔭 Future Features

  • Implement ordering scores in descending order
  • Implement checks to make sure a Name is not entered twice
  • Display an error message when a blank name is enetered

🤝 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

Alex Ogeto linkedIn githubhandle

Font Awesome

Icons8

Google Fonts

Bootsrtap

Luxon

📝 License

This project is MIT licensed.

NOTE: we recommend using the MIT license - you can set it up quickly by using templates available on GitHub. You can also use any other license if you wish.