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.

Overview

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 track of the LEADERBOARD.

Built With

  • HTML - CSS - JavaScript

Live Demo

Live Demo Link

Getting Started

** To get a local copy of the project go Here click on the Code button and download the zip file for the project. If you want to run it locally on your preffered editor you can also clone it.

Prerequisites

A stable computer with an installed editor and capable browser to open up the project.

Install

If you're running the project in your editor make sure to run npm install to install all the required dependencies.

Authors

👤 Erick Hans Martinez

🤝 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 anyone whose code was used
  • Inspiration
  • etc

📝 License

This project is MIT licensed.

You might also like...

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

Jun 20, 2022

This is my to-do list website built with html, css and JavaScript. In this project I used Webpack to bundle JavaScript and ES6 modules to write modular JavaScript.

This is my to-do list website built with html, css and JavaScript. In this project I used Webpack to bundle JavaScript and ES6 modules to write modular JavaScript.

To-Do-List App This is my to-do list website built with html, css and JavaScript. In this project I used Webpack to bundle JavaScript and ES6 modules

Sep 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

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

Dec 26, 2022

This project is built with JavaScript, Webpack, HTML & CSS, Leaderboard api. When user clicks on Refresh button it hits the api and responds with the data, The user can also post data to the api

This project is built with JavaScript, Webpack, HTML & CSS, Leaderboard api. When user clicks on Refresh button it hits the api and responds with the data, The user can also post data to the api

leaderboad Description the project. this project is about the leaderboad i did during Microverse to build a website for adding Data to the API and fet

May 30, 2022

A simple todo list app written in javascript and html with basic CSS styling This project makes use of webpack to bundle the code. I implemented 3 functionalities on the this project namely: Add task edit task delete task using Js

My To-Do List A simple todo list app written in javascript and html with basic CSS styling This project makes use of webpack to bundle the code. I imp

Nov 11, 2022

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.

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.

Leaderboard A Leaderboard app that pulls from a LeaderboardGameAPI and allows users to view recent scores and add more scores to the score board. Buil

Dec 21, 2022

A JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules

A JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules

LEADERBOARD In this activity I am setting up a JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules. I wil

Mar 16, 2022
Comments
  • Leaderboard setup

    Leaderboard setup

    Add the HTML file for the markup and basic styling for the project.

    Checklist before requesting a review

    • [x] I have performed a self-review of my code
    • [x] I created the HTML file and added the basic structure of the project.
    • [x] I used a JavaScript function to display the scores in the HTML when the document loads.
    • [x] I added the basic CSS to adjust the structure of the page.
    opened by erickhansx 1
  • Leaderboard: Final touches

    Leaderboard: Final touches

    Add styling to the leaderboard.

    Checklist before requesting a review

    • [x] I have performed a self-review of my code
    • [x] Decided to use a 3 color palette for the design.
    • [x] Add a hover effect to the buttons.
    • [x] Added Cabin font and PT Sans Narrow for the project.
    opened by erickhansx 0
  • Leaderboard : Hit the API

    Leaderboard : Hit the API

    Add functionality to add the scores to the API and retrieve them.

    Checklist before requesting a review

    • [x] I have performed a self-review of my code
    • [x] Created a function to post the scores to the API.
    • [x] Created a function to display the scores retrieved from the API to the UI
    • [x] Created a function to validate that the inputs are not empty.
    • [x] Created 2 functions. One to alert when information is missing in the inputs and one to alert when the score has been fetched correctly.
    • [x] Added a function to clear the inputs when the form is submitted.
    opened by erickhansx 0
  • Morning session: peer-to-peer code reviews

    Morning session: peer-to-peer code reviews

    Great job with your project so far. One suggestion I have for you is to delete all the commented-out code from your javascript files. It can make your code unclean and hard to read. Keep up the good work! 🔥🔥🔥

    opened by erickhansx 0
Owner
Erick Hans
I am preparing myself at @microverseinc to become a Full-stack Developer. I'm eager to learn new things and passionate about creating new tools. Ready to work!
Erick Hans
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
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

Jihane Haddad 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

Regiss Mukubiza 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

Andres Garzon 2 Jun 16, 2022
Clinton Mbonu 20 Jun 30, 2022
JavaScript project for the Leaderboard list app, using Webpack and ES6 features, notably modules. this app consume the Leaderboard API using JavaScript async and await and add some styling.

Leaderboard Project JavaScript project for the Leaderboard list app, using Webpack and ES6 features, notably modules. this app consume the Leaderboard

bizimungu pascal 4 May 20, 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.

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

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