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.

Last update: Apr 20, 2022

Overview

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

Click here to view

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 ⭐️ if you like this project!

📝 License

This project is MIT licensed.

Comments

Leaderboard- Code review
Hi there!

You have done a great job so far. You have:

[x] Implemented the functionalities well

[x] The project is well styled.

Please check on the display viewport height of the page.

Thank you!
opened by DelhinRharl 2
Setup project
In accordance with the project requirement:

Project used npm and webpack

Project is with Plain HTML and minimum CSS

No API calls were made

Project uses ES6 modules, with import and export.
opened by cwaku 1
[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

opened by imgbot[bot] 0
Restyle Split CSS file
Automated style fixes for #10, created by Restyled.

The following restylers made fixes:

clang-format

prettier

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.
opened by restyled-io[bot] 0
Leaderboard: final touches
According to the project requirements:

The application was styled to improve the look and feel

No framework was used

PS: This is a resubmission because I repeated the week due to unrelated reasons
opened by cwaku 0
Leaderboard: hit the API
With the project requirements:

A new game was created using API

Implemented the "Refresh" button (receiving data from the API and parsing the JSON)

Implemented the form "Submit" button (sending data to the API)

Use async and await JavaScript features to consume the API

PS: This is a resubmission because I repeated the week because of unrelated reason
opened by cwaku 0
Leaderboard: setup project
In accordance with the project requirement:

Project used npm and webpack

Project is with Plain HTML and minimum CSS

No API calls were made

Project uses ES6 modules, with import and export.

PS: This is a resubmission because I repeated the week because of unrelated reason
opened by cwaku 0
hit the API
With the project requirements:

A new game was created using API

Implemented the "Refresh" button (receiving data from the API and parsing the JSON)

Implemented the form "Submit" button (sending data to the API)

Use async and await JavaScript features to consume the API
opened by cwaku 0

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.

Related tags

Overview

Leaderboard

Built With

Live Demo

Getting Started

Prerequisites

Setup

Install

Author 👤

🤝 Contributing

Show your support

📝 License

Comments

Hi there!

Thank you!

Beep boop. Your images are optimized!

Owner

Ricky Mormor

This 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 Webpack and ES6

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

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.

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.

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.

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. This is a project for learning purposes which I'll practice medium-fidelity wireframes to create a UI.

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.

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 API.

A leaderboard website which displays scores submitted by different players. It also allows you to submit your score. All data is preserved in the external game API.

The Leaderboard App displays scores submitted by different players, allows you to submit your score and all data is preserved in the Leaderboard API service.

The leaderboard website displays scores submitted by different players. It also allows you to submit your score. I created this project using ES6 concepts. I connected to the Leadboard API service

The leaderboard website displays scores submitted by different players. It also allows you to submit your score. Built with HTML, CSS, JavaScript with APIs

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

Built for fun and game activities! you can submit scores of players, create a new game, and refresh to see who is on top of the leaderboard. It was built with JavaScript, HTML, and CSS. Thanks to the central LeaderBoard API service all data is preserved

This application displays scores submitted by different players from an API service. It also allows a user to submit his/her score while saving the data on the API.

This is a JavaScript leaderboad list app. In this project I used Webpack and ES6 modules. As well as HTML, and CSS for styling the app. When submitting the scores the data is preserved thanks to the external Leaderboard API service.

The leaderboard website displays scores submitted by different players. It also allows you to send and receive data from API. Build with JavaScript, CSS and HTML.

A leaderboard website that displays scores submitted by different players. It was developed with Javascript, HTML, CSS and the Leaderboard API service was consumed.

Leaderboard web display recent scores for different players and it also allows you to submit a new score.