The Happy Devs Leaderboard allows users to submit their scores. The app then ranks them from highest scores to the lowest.

Benjamin Semah

Last update: Feb 10, 2022

Overview

HAPPY DEVS LEADERBOARD

The HAPPY DEVS LEADERBOARD app allows users to submit their scores to be ranked on the Leaderboard.

Live Demo

Live Demo Link

Built With

HTML
CSS
JavaScript
Webpack

To get a local copy, run the following steps:

Clone the repository with [email protected]:BenjaminSemah/leaderboard.git
Navigate to the folder cd leaderboard
Open the project with your code editor
Run npm install to install all dependencies
Run npm start and go to http://localhost:8080// to launch the server.

Author

👤 Benjamin Semah

GitHub: Benjamin Semah
Twitter: Benjamin Semah
LinkedIn: Benjamin Semah

Show your support

Give a ⭐️ if you like this project!

Comments

Add New Scrollable Feature

New Scrollable Feature

This new features gives a fixed height to the scoreboard and still allows users to be able to scroll through all the scores submitted

opened by BenjaminSemah 1
Leaderboard - Update Stylesheet
Leaderboard - Update Stylesheet

In this branch, I have done the following;

Added an alert to confirm when submission is successful,

Improved the overall look and feel of the website,

Ensured all functionalities work as expected.

Fixed all errors spotted by linters.
opened by BenjaminSemah 1
Leaderboard: Hit the API
Leaderboard - Hit the API

In this branch, I have done the following;

Create a new game following guidelines from the Leaderboard API documentation,

Implemented the "Refresh" button (to receive data from the API and parse the JSON),

Implemented the form "Submit" button (to send user scores data to the API),

Used async and await JavaScript features to consume the API.
opened by BenjaminSemah 1
Happy Dev Leaderboard
Happy Dev Leaderboard

In this milestone of the project, I have done the following

Set up the Leaderboard project

Used the leaderboard API

Added styling to the homepage
opened by BenjaminSemah 0
Leaderboard - Project Setup
Project Setup for Leaderboard

In this branch, I have done the following;

used correct Gitflow,

created an npm project with webpack,

added markup and style according to wireframe,

used ES6 modules, with import and export,

Fixed errors spotted by linters.
opened by BenjaminSemah 0
Peer to peer code review
Congratulations you've done a wonderful job so far!!!

But there are some thing's that you can address before moving on to the next project.

[ ] Even though this is an optional suggestion, implementing the scroll on the board by giving it a height this will make the site user friendly.
opened by zairdon20 1

The Happy Devs Leaderboard allows users to submit their scores. The app then ranks them from highest scores to the lowest.

Related tags

Overview

HAPPY DEVS LEADERBOARD

Live Demo

Built With

To get a local copy, run the following steps:

Author

Show your support

Comments

Add New Scrollable Feature

New Scrollable Feature

Leaderboard - Update Stylesheet

Leaderboard - Update Stylesheet

In this branch, I have done the following;

Leaderboard: Hit the API

Leaderboard - Hit the API

In this branch, I have done the following;

Happy Dev Leaderboard

Happy Dev Leaderboard

In this milestone of the project, I have done the following

Leaderboard - Project Setup

Project Setup for Leaderboard

In this branch, I have done the following;

Peer to peer code review

Congratulations you've done a wonderful job so far!!!

Owner

Benjamin Semah

Leaderboard is a simple app that allows players to add their scores and see other players' scores, using Leaderboard API, JavaScript, HTML, and CSS.

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

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

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

A Leaderboard app that pulls from a LeaderboardGameAPI and allows users to view recent scores and add more scores to the score board. Built with HTML5, CSS, JavaScript, and Webpack.

This application lists the scores of players of a certain game (determined by the user), in this app the Leaderboard REST API is used, where the participants and their scores are registered.

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.

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 web display recent scores for different players and it also allows you to submit a new score.

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

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. Built with HTML, CSS, JavaScript with APIs

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.