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.

Felix Ouma

Last update: Jul 15, 2022

Related tags

Overview

Leaderboard

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

Built With

HTML
CSS
JavaScript

Live Demo

Live Demo Link

Getting Started

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

Prerequisites

  node js
  npm

Setup

Clone the repository and change the directory to leaderboard

  $ git clone [email protected]:Felix45/leaderboard.git

  $ cd leaderboard

Install

Install all project dependencies by running the command below

  $ npm install
  $ npm run build

Usage

  $ npm start

Deployment

Visit Application Homepage

Authors

👤 Name	Github	Twitter	LinkedIn
Felix Ouma	@Felix45	@Felix_Atonoh	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!

Acknowledgments

Hat tip to Microverse for giving me this project to work on

📝 License

This project is MIT licensed.

Comments

Milestone 2: Implement add and refresh functions in leaderboad application
Implement add and refresh features in the leaderboard application

In this pull request I

Implemented the Refresh button to fetch data from the API and display it on the page

Implemented the Submit button to send data to the API and refresh the page

Used async and await JavaScript features to consume the API.
opened by Felix45 0
Milestone 1: Setup leaderboard application structure
Setup leaderboard application structure

In this pull request I

Added webpack boilerplate files to the project.

Added minimal HTML and CSS styles to the project

Added ES6 modules to the project
opened by Felix45 0
Morning session: Peer to peer code review
Highlights 💯 ;

Great UI

Used Javascript, HTML/CSS Best practices.

Required Changes ♻️

Kindly ensure to add a hover effect on the buttons for a better user experience.
opened by Favourezeugwa 0

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

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

Nov 9, 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

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

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

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

Leaderboard is a simple app that allow the user to record his name and his score, store to an api

Leaderboard Leader board is a simple app that allows the user to record his name and his score Build With Major languages used : HTML, CSS, JAVASCRIT;

May 16, 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

A leaderboard website that displays scores submitted by different players.

A leaderboard website that 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.

May 2, 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.

Related tags

Overview

Leaderboard

Built With

Live Demo

Getting Started

Prerequisites

Setup

Install

Usage

Deployment

Authors

🤝 Contributing

Show your support

Acknowledgments

📝 License

You might also like...

Comments

Implement add and refresh features in the leaderboard application

Setup leaderboard application structure

Highlights 💯 ;

Required Changes ♻️

Owner

Felix Ouma

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

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.

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. All data is preserved thanks to the external API.