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. Build with Html, CSS, JS, API, and Webpack.

Last update: Mar 11, 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 the external Leaderboard API service. Build with Html, CSS, JS, API, and Webpack.

ScreenVideo_27-01-2022_09-49-31.mp4

Built With

HTML - HTML5
CSS - CSS3
JavaScript

Additional Used

Webpack
API
ES6

Live Demo

Leaderboard link

Getting Started

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

git clone [email protected]:Bondok6/Leaderboard.git

Then cd Leaderboard

Then npm install to install packages

Finally npm run start

Authors

👤 Kyrillos Hany

GitHub: @Bondok6
LinkedIn: LinkedIn

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

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

Leaderboard App The leaderboard website displays scores submitted by different players. It also allows you to submit your score I created this project

Dec 21, 2022

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

LeaderBoard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. Built With Html,JS,CSS We

Nov 1, 2022

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

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

Jun 30, 2022

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

Leaderboard The leaderboard is website displays scores submitted by different players. It also allows you to submit your score. Major languages HTML C

Apr 19, 2022

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.

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

Jul 15, 2022

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.

Leadboard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved using

Jan 31, 2022

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.

Leaderboard App In this project the leaderboard app allows you to create games and the user can submit their names and scores into the app to keep tra

Oct 26, 2022

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 App Description The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data

Jul 25, 2022

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

Leaderboard Leaderboard web display recent scores for different players and it also allows you to submit a new score. Getting Started To get a local c

Apr 14, 2022

Comments

Peer to peer code review
Hi @Bondok6 💯

Good job Kyrillos.

Your code is clean.

You have used async and await with the fetch method to send and receive data.

Your project looks great
opened by fherrerao 1
Leaderboard: final touches
Hello there 🙋‍♂️,

Thanks for taking the time to review my project.

Live Demo

Leaderboard Project

Get Started

• npm install • cd Leaderboard • npm run start

Changes

Improve the style, according to the wireframe.

Add two media queries for tablet and mobile screens. (Responsive Design)

Show success message when the user adds a new score.
opened by Bondok6 0
Leaderboard: hit the API
Hello there 🙋‍♂️,

Thanks for taking the time to review my project.

Live Demo

Leaderboard Project

Get Started

• npm install • cd Leaderboard • npm run start

Changes

Created three files data.js , render.js, and form.js.

Created a new game with the name of your choice by using the 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 Bondok6 0
Leaderboard: setup project
Hello there 🙋‍♂️,

Thanks for taking the time to review my project.

Get Started

• npm install • cd Leaderboard • npm run start

Changes

Create an npm project with webpack.

Write plain HTML markup with styling.

Add .babelrc file to be able to use import and export ES6 features.

Create modules folder that contains all files and functions.

User can add his name and score, and the data is saved in localStorage.

Update README.md and MIT.md files.
opened by Bondok6 0

Owner

Kyrillos Hany

Front-end Developer, In love with React and Redux || Chess lover || B.CS || Open to new opportunities.

GitHub

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 The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved tha

4 Apr 20, 2022

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

Leaderboard This website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to the

9 Sep 30, 2022

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.

Leaderboard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved tha

5 Feb 10, 2022

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.

Leaderboard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved tha

2 Apr 8, 2022

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.

Leaderboard- DESCRIPTION The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is

2 Jun 16, 2022

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.

Leaderboard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved tha

6 Aug 4, 2022

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.

Leaderboard ?? Table of Contents ?? About the Project ?? Built With Tech Stack Key Features ?? Live Demo ?? Getting Started Setup Prerequisites Instal

4 Mar 20, 2023

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.

Leaderboard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved tha

5 Mar 5, 2022

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.

Leaderboard LeaderBoard Built With HTML JavaScript CSS webpack Getting Started clone this repository. $ cd Leaderboard. $ npm run build . $ npm start

3 Oct 13, 2022

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.

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

6 Nov 9, 2022

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. Build with Html, CSS, JS, API, and Webpack.

Related tags

Overview

Leaderboard