Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mwafrika/leaderboard
The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to an external API. Technologies used are JavaScript(ES6), HTML5, CSS3, Webpack. Also, the Gitflow workflow was used.
https://github.com/mwafrika/leaderboard
css3 es6 eslint html5 javascript lighthouse linter stylint webpack
Last synced: about 1 month 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 an external API. Technologies used are JavaScript(ES6), HTML5, CSS3, Webpack. Also, the Gitflow workflow was used.
- Host: GitHub
- URL: https://github.com/mwafrika/leaderboard
- Owner: mwafrika
- Created: 2022-03-01T09:54:54.000Z (over 2 years ago)
- Default Branch: develop
- Last Pushed: 2022-03-06T05:40:55.000Z (over 2 years ago)
- Last Synced: 2024-10-02T09:05:25.022Z (about 2 months ago)
- Topics: css3, es6, eslint, html5, javascript, lighthouse, linter, stylint, webpack
- Language: CSS
- Homepage: https://mwafrika.github.io/leaderboard/
- Size: 1.33 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# LEADERBOARD WEB APPLICATION
> The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to an external API. Technologies used are JavaScript(ES6), HTML5, CSS3, Webpack. Also, the Gitflow workflow was used.
## Leaderboard
Additional description about the project and its features.
## Tech used
- HTML
- CSS
- JS
- Git
- Webpack
## [Live Demo Link](https://mwafrika.github.io/leaderboard/)
## Built With
- 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).
To get a local copy up and running follow these simple example steps
### Prerequisites
The basic requirements for building the executable are:
- 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)
# Getting started
#### Get the full documentation about the webpack [here](https://webpack.js.org/guides/asset-management/)
### 1. Clone the project
```
git clone https://github.com/mwafrika/leaderboard.git
```
### 2. cd into the cloned repository and Install all the dependancies
```
npm install
```
### 3. Run the project
```
npm start
```
# Prerequisites
Internet connection and basic computing skills. Load the page and enjoy!
# Author
👤 **Mwafrika Josue**
- GitHub: [@mwafrika](https://github.com/mwafrika)
- Twitter: [@mwafrika](https://twitter.com/mwafrikamufung1)
- LinkedIn: [mwafrika](https://linkedin.com/in/mwafrika-mufungizi)
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
- Hat tip to anyone whose code was used
- Inspiration
- etc
## 📝 License
This project is [MIT](./MIT.md) licensed.