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.

Erick Hans

Last update: Oct 26, 2022

Related tags

Learning resource leaderboard

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

GitHub: @erickhansx
Twitter: @TheErickHans
LinkedIn: 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 anyone whose code was used
Inspiration
etc

📝 License

This project is MIT licensed.

Comments

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

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

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

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

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

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

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

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

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

Aug 19, 2022

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.

Related tags

Overview

Leaderboard App

Built With

Live Demo

Getting Started

Prerequisites

Install

Authors

🤝 Contributing

Show your support

Acknowledgments

📝 License

You might also like...

Comments

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

Checklist before requesting a review

Add styling to the leaderboard.

Checklist before requesting a review

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

Checklist before requesting a review

Owner

Erick Hans

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. Built with Html, CSS and JavaScript

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

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.

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

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.