The website can be used to creat a new game and start adding players and there scores! 🙌

Related tags

Learning resource css html webpack es6
Overview

LeaderBoard

Welcome! 👋

This Website Allows you to creat your game and add your players score.

ScreenShot 1 ScreenShot 2
ScreenShot 3 ScreenShot 4
:------------------------------------------------: :-----------------------------------------------:

Built With ✔️

  • HTML 😄
  • CSS 🔥
  • JavaScript ES6 😋
  • WebPack 😉

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 portfolio

  `$ git clone 'https://github.com/caasperr/LeaderBoard-App.git'`

  `$ cd LeaderBoard-App`

How to creat a new game?

  • LeaderBoard Api is used 😋 API Documentation
  • You can creat a new game using the New Game Button given on right Bottom on the Webpage. 😄
  • After Creating Game click on refresh button to make your ID Appear. ✔️
  • Congratulations 🥳 you have succefully createdt your game and your id can be used to track your scores 🔥 🔥

Install

Install all project dependencies by running the command below

 ` $ npm install`

Usage

Run

  `$ npm start

Deployment

Authors

👤 Name Github Twitter LinkedIn
Waleed Amjad @caasperr @developerwaleed @Waleed Amjad

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

   `Npm start`

Authors

👤 Waleed Amjad

👤 Name Github Twitter LinkedIn
Waleed Amjad @caasper @developerwaleed Waleed Amjad

Acknowledgments

  • Hat tip to MicroVerse for the Template and Task.

Show your support

Give a ⭐️ if you like this project!

📝 License

All rights reserved.

You might also like...

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

Leaderboard App 📗 Table of Contents 📖 About the Project 🛠 Built With Tech Stack Key Features 🚀 Live Demo 💻 Getting Started Setup Prerequisites In

Mar 21, 2023

A leaderboard website that displays scores submitted by different players.

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

The leaderboard website displays scores submitted by different players

The leaderboard website displays scores submitted by different players

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.

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

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

Feb 10, 2022

The leaderboard website displays scores submitted by different players

The leaderboard website displays scores submitted by different players

The leaderboard website displays scores submitted by different players. It also allows players to submit their own score. All data is preserved online, thanks to the Leaderboard API service.

Mar 31, 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 API.

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

Mar 5, 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

Apr 8, 2022

The leaderboard website displays scores submitted by different players.

The leaderboard website displays scores submitted by different players.

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.

Jul 28, 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
Comments
  • ###Leaderboard: hit the API

    ###Leaderboard: hit the API

    Leaderboard: hit the API 👍

    • Create a new game with the name of your choice by using the API. ✅
    • Implement the "Refresh" button (receiving data from the API and parsing the JSON) ✅ .
    • Implement the form "Submit" button (sending data to the API). ✅
    • Use async and await JavaScript features to consume the API.✅
    opened by developerwaleed 0
Owner
Waleed Amjad
Front-end Developer with a love for React and JavaScript. I play the guitar and mess around with coding challenges in my spare time. Open to new opportunities
Waleed Amjad
GitHub
Leaderboard is a simple app that allows players to add their scores and see other players' scores, using Leaderboard API, JavaScript, HTML, and CSS.

Leaderboard: setup project description: A Leaderboard app that allows players to add their score, and see other player scores. in this project: Set up

Toussaint Saraza 7 Jun 20, 2022
Using Webpack and external API, this website saves and shows players' scores and allows the submission of new scores.

Microverse Students Leaderboard Microverse Students Leaderboard project that displays scores submitted by different students. All data is preserved in

Romina Patiño 5 Aug 19, 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

Clinton Mbonu 20 Jun 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 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

Ricky Mormor 4 Apr 20, 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

ahmednazirmusah 3 Oct 13, 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

Fahd Rahali 3 Apr 14, 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

Fatima Ezzahra elmenoun 4 Jan 31, 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.

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.

Kyrillos Hany 9 Mar 11, 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

Sanja Mandic 9 Sep 30, 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

Bright Kweku Ahiadeke 6 Jul 25, 2022