https://github.com/rysth/es6-leaderboard

ES6 Leaderboard Application 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.
https://github.com/rysth/es6-leaderboard

Last synced: 12 months ago
JSON representation

ES6 Leaderboard Application 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.

• Host: GitHub
• URL: https://github.com/rysth/es6-leaderboard
• Owner: Rysth
• License: mit
• Created: 2023-07-25T16:26:32.000Z (almost 3 years ago)
• Default Branch: development
• Last Pushed: 2023-07-27T21:27:45.000Z (almost 3 years ago)
• Last Synced: 2025-04-02T08:48:36.924Z (over 1 year ago)
• Language: JavaScript
• Homepage: https://rysth.github.io/ES6-Leaderboard/dist/
• Size: 206 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          


# 📗 Table of Contents

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

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

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

    - [Future Features](#future-features)

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

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

  - [Setup](#setup)

  - [Test](#test)

- [👥 Authors](#authors)

- [🤝 Contributing](#contributing)

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

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)

# 📖 ES6 Leaderboard Application

**ES6 Leaderboard Application** 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://www.notion.so/microverse/Leaderboard-API-service-24c0c3c116974ac49488d4eb0267ade3). Built with HTML, CSS, and JavaScript.

## 🛠 Built With 

### Tech Stack 

  Client

  


    
HTML

    
CSS

    
JavaScript

  


### Key Features 

- Add new names with their score.

- Display a list of people.

(back to top)


### Future Features 

- **Implement a CSS Preprocessor.**

- **Implement a Database**

(back to top)


## 🚀 Live Demo 

### Take a Look



- [Live Demo Link](https://rysth.github.io/ES6-Leaderboard/dist/)

(back to top)


## 💻 Getting Started 

To get a local copy up and running, follow these steps.

### Setup

To get a local copy up and running, follow these steps:

1. Clone the repository: `git clone https://github.com/RysthCraft/ES6-Leaderboard.git`

2. Navigate to the project directory: `cd ES6-Leaderboard`

3. Install the dependencies: `npm install`

4. Build the project: `npm run build`

5. Open `index.html` in your web browser.

Then, you will change everything you want!

### Test

In order to follow the Linters you could check them using this:

```

HTML Checker:

npx hint .

CSS Checker:

npx stylelint "**/*.{css,scss}"

JavaScript Checker:

npx eslint .

```

#### Note

Use at the end '--fix' to help you out with any error.

## 👥 Authors 

👤 **Rysth**

- GitHub: [@rysth](https://github.com/RysthCraft)

- Linkedin: [@johnpalacios](https://www.linkedin.com/in/john-palacios-rysth/)

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)


## ⭐️ Show your support 

If you like this project feel free to watch it and take some features that will enhance your project

as well.

(back to top)


## 🙏 Acknowledgments 

I would like to thank the Microverse Team for reviewing my code and making me a better

professional.

(back to top)


## 📝 License 

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

(back to top)