https://github.com/frank1738/leaderboard
The leaderboard website displays scores submitted by different players. It also allows you to submit your score.
https://github.com/frank1738/leaderboard
css html javascript webpack
Last synced: 2 months ago
JSON representation
The leaderboard website displays scores submitted by different players. It also allows you to submit your score.
- Host: GitHub
- URL: https://github.com/frank1738/leaderboard
- Owner: frank1738
- Created: 2022-05-10T08:45:22.000Z (about 4 years ago)
- Default Branch: dev
- Last Pushed: 2022-06-05T16:05:11.000Z (about 4 years ago)
- Last Synced: 2025-03-29T01:30:57.984Z (over 1 year ago)
- Topics: css, html, javascript, webpack
- Language: JavaScript
- Homepage:
- Size: 215 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Leaderboard
- The leaderboard website fetches score data submitted by different players from an API and displays them. It also allows you to submit your score which will then be displayed after hitting the refresh button.
## Built With
- HTML
- CSS
- JavaScript
- Webpack
- Lighthouse (An open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO and more).
- Webhint (A customizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors).
- Stylelint (A mighty, modern linter that helps you avoid errors and enforce conventions in your styles).
- ESlint (A mighty, modern linter that helps you avoid errors and enforce conventions in JavaScript codes)
## Live Demo
[Live Demo Link](https://frank1738.github.io/Leaderboard/)
## Prerequisites
- Have a working and updated browser
- Have a local version control like **git** install on your computer
- Have knowledge about figma to adapt the design by following some specific requirements
- Have an account and sign in on GitHub, as online/remote version control system
- Download waves to check project accessibilty
## Getting Started
To get a local copy up and running follow these simple example steps.
- npm
```sh
npm install npm@latest -g
```
### Installation
1. Clone the repo
```sh
https://github.com/frank1738/Leaderboard.git
```
2. Install webpack packages
```sh
--save-dev webpack
```
3. Run command
```sh
npm start
```
See the [open issues](#) for a full list of proposed features (and known issues).
## Author
👤 **Frankline Osoro**
- GitHub: [@frank1738](https://github.com/frank1738)
- Twitter: [@frankhiggins08](https://twitter.com/frankhiggins08)
- LinkedIn: [Frankline Osoro](http://www.linkedin.com/in/frankline-osoro-b526ba18b)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
## Acknowledgments
The design has been inspired by:
[Microverse](https://www.microverse.org)
## 📝 License
This project is [MIT](./MIT.md) licensed.