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.

Overview

Leaderboard

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 HTML, CSS, JavaScript, and Webpack.

App Screeshot

Built With

  • html
  • css
  • JavaScript
  • API
  • Webpack

Live Demo

For user first hand experience, please visit this link

Getting Started

To get a copy of this project running on your local computer, do the followings:

Prerequisites

  • Must have a working computer
  • A Web-Browser installed (Chrome - Recommended)

Setup

  • Install VSCode (link)
  • Clone this project repository on your local computer. (link)
  • Open the project directory with VSCode

Install

Open Terminal/Shell inside your VSCode and run

  npm install --force

Run tests

  • For webhint tests, run
      npm run lint:hint
    
  • For stylelint tests, run
      npm run lint:style
    
  • For eslint tests, run
      npm run lint:es
    
  • For running a webpack local server, run
      npm start
    

Authors

👤 Steve

🤝 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

  • Fellow Micronauts
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.

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

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.

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

Mar 20, 2023

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

This project is about Leaderboard list app, that allows users to add score to the list and refresh the list.

This project is about Leaderboard list app, that allows users to add score to the list and refresh the list.

Leaderboard This project is about Leaderboard list app, that allows users to add score to the list and refresh the list. Built With JavaScript HTML CS

Dec 19, 2021

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

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 Bu

Feb 10, 2022
Comments
  • Milestone 3: Add style markup

    Milestone 3: Add style markup

    Project requirements

    • Now you should improve the look and feel of the application, adding the styles of your choice.
    • Please keep the general layout of the wireframe, this is the only mandatory requirement.
    • You can use plain CSS or any CSS framework, it's up to you.
    opened by sntakirutimana72 0
  • Milestone 2: API

    Milestone 2: API

    Project requirements

    • 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.
    • No styling is required.
    opened by sntakirutimana72 0
  • Milestone 1: Setup

    Milestone 1: Setup

    Leaderboard Milestone 1: Setup

    In this milestone, I:

    • Added webpack configuration file.
    • Created a src directory to house:
      • an index.html file that consists of app layouts.
      • an index.js file as an entry point of the app when is being minified by webpack.
      • an index.css file that consists of app styling markups.
      • an app.js file
      • a board.js file
      • a storage.js file
    • Added a detailed README.md file.
    • Fixed linter errors.
    opened by sntakirutimana72 0
  • Peer-to-Peer Code Review

    Peer-to-Peer Code Review

    Great job on your project!!

    Good pointers:

    • Well-structured codebase.
    • No linter errors.
    • Clean UI.

    Changes to consider [ OPTIONAL ]

    • Please consider to use the built-in array sorting method.
    • You can also consider your modules to be under a modules folder, it will help you have an even more structured approach.
    opened by NatiDeme 0
Owner
Steven Ntakirutimana
Software developer with a passion for JavaScript, Ruby on Rails, React, Python, and Django. Open to new opportunities.
Steven Ntakirutimana
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 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
A leaderboard created using Leaderboard API service, Webpack, and Gitflow. The user can add a new score and refresh to see his ranking in the leaderboard.

Leaderboard A leaderboard created using Leaderboard API service, webpack, and gitflow. The user can add a new score and refresh to see his ranking in

ABDUL ALI 13 Dec 26, 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. 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

Tetteh Kodjo-Sarso 4 Mar 21, 2023
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
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

Jonathan Kayizzi 6 Nov 9, 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
PAC-MAN Leaderboard includes the Leaderboard API. You can add your name and score, and see other player's scores.

PAC-MAN Leaderboard includes the Leaderboard API. You can add your name and score, and see other player's scores.

Pedro Guerreiro 7 Oct 26, 2022