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

css html5 javascript webpack

Last synced: about 2 months 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/kendoriddy/leaderboard
• Owner: kendoriddy
• License: mit
• Created: 2022-08-23T15:54:17.000Z (over 2 years ago)
• Default Branch: dev
• Last Pushed: 2022-09-08T16:16:28.000Z (over 2 years ago)
• Last Synced: 2024-10-19T03:35:06.623Z (3 months ago)
• Topics: css, html5, javascript, webpack
• Language: JavaScript
• Homepage:
• Size: 1000 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![](https://img.shields.io/badge/Microverse-blueviolet)

# leaderboard

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

![screenshot](./leaderboard.jpeg)

## Built With

- HTML5, Javascript

- CSS3

- Linters

- Webpack

## Live Demo

[Live Demo Link](https://kendoriddy.github.io/Leaderboard/)

## Getting Started

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

## Prerequisites

- Have a good knowledge on how to parse UI designs

- Have VSCode or other text editor installed. [Link to download VSCode](https://code.visualstudio.com/download)

- Install node package. [Link to download node](https://nodejs.org/en/download/)

- Have git installed.[Link to download git](https://git-scm.com/downloads)

- Create a github repository.

## Setup

- git clone https://github.com/kendoriddy/Leaderboard.git

- cd Leaderboard/

  -Follow the HTML-CSS linter configuration to docs to setup linters [Link to Microverse linter docs](https://github.com/kendoriddy/linters-config/tree/master/html-css-js)

- Setup webpack configuration to bundle up your javascript modules. Follow the instructions from the [getting started guide](https://webpack.js.org/guides/getting-started/#basic-setup) to set up the basics

## Run tests

For tracking linters errors locally, you need to follow these steps:

- For tracking linter errors in HTML file run:

  `npx hint .`

- For tracking linter errors in CSS file run:

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

- For tracking linter errors in Javascript file run:

  `npx eslint .`

## Deployment

- Use GitHub pages to deploy website

- For more information about publishing sources, see [About github pages](https://pages.github.com/)

## Authors

👤 **Kehinde Ridwan Onifade**

- GitHub: [@githubhandle](https://github.com/kendoriddy)

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/kehindeonifade/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

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

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Microverse

- Code Reviewers

## 📝 License

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