In this project I'll use Asynchronous Javascript to call an API and set the leaderboard of the best players.

Related tags

Overview

Leaderboard Project

In this project I'll use Asynchronous Javascript to call an API and set the leaderboard of the best players. The main goals of this project are:

Use callbacks and promises.
Learn how to use proper ES6 syntax.
Use ES6 modules to write modular JavaScript.
Use webpack to bundle JavaScript.

Built With

JavaScript
API
HTML and CSS

Live Demo

Live Version

Getting Started

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

Prerequisites

For this project you must have node.js installed.

Setup

Run in the directory where you want to clone the repo:

git clone [email protected]:OscarFMdev/leaderboardProject.git

Install

Yo should install the node modules by running:

npm install

Usage

This project communicates with an API to show the Leaderboard, the user (you) can put the name of the leader and the score in the input.

Deployment

After cloning the repository you must use npm start to see live version.

Authors

👤 Oacar Fernández Muñoz

GitHub: @OscarFMdev
Twitter: @OscarFMdev
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

I want ot thank the leaderboard API service for helping me develop this project by the use of the API.

📝 License

This project is MIT licensed.

Comments

Api connection
PR description: 📝

In this new feature I:

Created a connection to the leaderboard API. 🔗

Added a function to display the top 10 leaders. 🏆

Added a post functionality using the user input. 💾

Thank you for reviewing my code! 🙌
opened by OscarFMdev 1
Setup project
PR description:

In this branch I:

Added the project low fidelity wireframe. 📑

Added a JavaScript function to simulate user data input. 💻

Thanks for reviewing my code! 🙌
opened by OscarFMdev 1
Issues
Great job so far 🎉, but there is still space for improvements, and they can be the followings:

console.log has been spotted in the code, and it is not one of the best practices to have them.

if you inputted very big numbers, the number will change.

for simplicity, you can remove the classes for odd and even, and use plane CSS functions.

don't use static ID for the API.

Happy Coding and good luck 💯 .
opened by Mhamad-Raad 0
Final touches
PR description:

In this branch I:

Gave styles to the webpage. 🎨

Connected another API for getting random quotes. 🔗

Thank you for reviewing my code! 🙌
opened by OscarFMdev 0

In this project I'll use Asynchronous Javascript to call an API and set the leaderboard of the best players.

Related tags

Overview

Leaderboard Project

Built With

Live Demo

Getting Started

Prerequisites

Setup

Install

Usage

Deployment

Authors

🤝 Contributing

Show your support

Acknowledgments

📝 License

You might also like...

Comments

PR description: 📝

Thank you for reviewing my code! 🙌

PR description:

Thanks for reviewing my code! 🙌

Great job so far 🎉, but there is still space for improvements, and they can be the followings:

PR description:

Thank you for reviewing my code! 🙌

Owner

Oscar Fernández Muñoz

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. This is a project for learning purposes which I'll practice medium-fidelity wireframes to create a UI.

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

A leaderboard website that displays scores submitted by different players. It was developed with Javascript, HTML, CSS and the Leaderboard API service was consumed.

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 App displays scores submitted by different players, allows you to submit your score and all data is preserved in the 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.

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.