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.
Built With
- Webpack
- JavaScript (ES6)
- CSS3
- HTML5
Live Demo
Getting Started
To get a local copy up and running follow these simple steps.
Prerequisites
some knowledge on npm
webpack and ES6
Setup
- Clone repository using this command in terminal
git clone https://github.com/cwaku/Leaderboard.git
- Change directory to the cloned repository
cd Leaderboard
- Install dependencies using
npm install
- run
npm start
Install
- Node modules
- HtmlWebpackPlugin
npm install --save-dev html-webpack-plugin
- Load CSS
npm install --save-dev style-loader css-loader
- Setup local dev server
npm install --save-dev webpack-dev-server
👤
Author - GitHub: @cwaku
- LinkedIn: Ricky Mormor
- Instagram: @rickymormor
🤝
Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Show your support
Give a
📝
License
This project is MIT licensed.
Leaderboard- Code review
Hi there!
You have done a great job so far. You have:
Please check on the display viewport height of the page.
Thank you!
Setup project
In accordance with the project requirement:
npm
and webpack[ImgBot] Optimize images
Beep boop. Your images are optimized!
Your image file size has been reduced by 9% 🎉
Details
| File | Before | After | Percent reduction | |:--|:--|:--|:--| | /Screenshot.png | 829.98kb | 756.63kb | 8.84% |
📝 docs | :octocat: repo | 🙋🏾 issues | 🏪 marketplace
~Imgbot - Part of Optimole family
Restyle Split CSS file
Automated style fixes for #10, created by Restyled.
The following restylers made fixes:
To incorporate these changes, merge this Pull Request into the original. We recommend using the Squash or Rebase strategies.
NOTE: As work continues on the original Pull Request, this process will re-run and update (force-push) this Pull Request with updated style fixes as necessary. If the style is fixed manually at any point (i.e. this process finds no fixes to make), this Pull Request will be closed automatically.
Sorry if this was unexpected. To disable it, see our documentation.
Leaderboard: final touches
According to the project requirements:
PS: This is a resubmission because I repeated the week due to unrelated reasons
Leaderboard: hit the API
With the project requirements:
async
andawait
JavaScript features to consume the APIPS: This is a resubmission because I repeated the week because of unrelated reason
Leaderboard: setup project
In accordance with the project requirement:
npm
and webpackPS: This is a resubmission because I repeated the week because of unrelated reason
hit the API
With the project requirements:
async
andawait
JavaScript features to consume the API