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
- 📖 About the Project
- 💻 Getting Started
- 👥 Authors
- 🔭 Future Features
- 🤝 Contributing
- ⭐️ Show your support
- 🙏 Acknowledgements
- 📝 License
Empty Leaderboard | ![]() |
Add to Leaderboard | ![]() |
Add second Team to Leaderboard | ![]() |
Refresh Leaderboard | ![]() |
Here are some features of the page:
- Type name of team
- Type your score
- Submit name and score
- Refresh the page and the data will reapear on under the Scores
HTML
CSS
Javascript
-
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
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)
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 --->
githubhandle
twitterhandle
linkedIn
facebook
- 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
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
Alex Ogeto
linkedIn
githubhandle
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.