Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lucas-erkana/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.
https://github.com/lucas-erkana/leaderboard

api css html javascript webpack

Last synced: 4 days ago
JSON representation

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.

Host: GitHub
URL: https://github.com/lucas-erkana/leaderboard
Owner: Lucas-Erkana
Created: 2022-12-20T11:44:59.000Z (about 2 years ago)
Default Branch: develop
Last Pushed: 2023-08-08T23:55:13.000Z (over 1 year ago)
Last Synced: 2025-01-17T03:42:52.179Z (7 days ago)
Topics: api, css, html, javascript, webpack
Language: CSS
Homepage: https://lucas-erkana.github.io/Leaderboard/dist/
Size: 1.57 MB
Stars: 13
Watchers: 1
Forks: 1
Open Issues: 1
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # 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

- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)

# 📖 Leaderboard 

  

  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



## 🛠 Built With 

    HTML

    CSS

    Javascript

(back to top)


## 🚀 Live Demo 

[Leaderboard live link](https://Lucas-Erkana.github.io/Leaderboard/dist/)




(back to top)


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

(back to top)


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

(back to top)


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

--->

(back to top)


## 👤**Authors** 

Lucas Erkana


[githubhandle](https://github.com/Lucas-Erkana)




 [twitterhandle](https://twitter.com/@Lucas_David_22)




[linkedIn](https://www.linkedin.com/in/lucas-erkana/)

  


[facebook](https://www.facebook.com/lucash.toni)

(back to top)


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

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/Lucas-Erkana/Leaderboard/issues).

(back to top)


## ⭐️ Show your support 

Give a ⭐️ if you like this project!

(back to top)


## 🙏 Acknowledgments 

Alex Ogeto




[linkedIn](https://www.linkedin.com/in/alexogeto/)




[githubhandle](https://github.com/Osoro254Alex/)

[Font Awesome](https://fontawesome.com/search?q=book&o=r)

[Icons8](https://icons8.com/icons/set/books)

[Google Fonts](https://developers.google.com/fonts)

[Bootsrtap](https://getbootstrap.com/docs/5.1/getting-started/introduction/)

[Luxon](https://imdac.github.io/modules/js/luxon/)

(back to top)


## 📝 License 

This project is [MIT](./LICENSE) licensed.

_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._

(back to top)