Leaderboard where you can store your scores. Data will be saved to the API. Built with JavaScript (+ SCSS, CSS, HTML)

By Nana Rodina
Last update: Mar 29, 2022
Comments: 4

Leaderboard

This project is a Leaderboard where you can pass your scores. The main goal of this project is to practice using an API.

Built With

HTML, CSS, JavaScript
SCSS

Live Demo

Click here to see a live version of this app!

Getting Started

To get a local copy up and running follow these steps:

Clone the project to your local machine.
Open the folder with your favourite IDE.
Enter npm i
Enter npm start

Author

GitHub: @rdnrn
LinkedIn: Nana Rodina
Twitter: nana

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Show your support

Give a ⭐️ if you like this project!

Github

https://github.com/rdnrn/leaderboard

Comments(4)

1

Morning session code review 23.12.2021
Nice job, Nana. It seems that everything looks fine and it is hard to find something that needs to be corrected. Here is our input:
- Please, change the title of the web page <title>Wbpack Exercise</title>
2

Leaderboard: setup project
Hello!

In this PR I:
1. Set up my project with GitFlow, Webpack, and linters.
2. Created a basic HTML markup.
3. Created a layout styling.
Thank you for reviewing my code!
3

Leaderboard: hit the API
Hello!

In this PR I:
- Created a new game with the name of my choice by using the API
- Implemented the "Refresh" button
- Implement the form "Submit" button
- Used async and await JavaScript features to consume the API
Thank you for reviewing my code!
4

Morning Session Code Review

@Bonke Gcobo Good work on making the meeting the project requirements, the functionality is 💯 I like the fact that you separated the GET function and the POST function for the API calls, this makes your code cleaner.

Leaderboard where you can store your scores. Data will be saved to the API. Built with JavaScript (+ SCSS, CSS, HTML)

Leaderboard

Built With

Live Demo

Getting Started

Author

🤝 Contributing

Show your support

Github

Comments(4)

Morning session code review 23.12.2021

Leaderboard: setup project

Leaderboard: hit the API

Morning Session Code Review

Popular Tag

Related

"Leaderboard" 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 JavaScript, HTML, SCSS, 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. Built with Javascript Webpack CSS HTML

This is a project that let's you see a list of scores using an API, using HTML and CSS to look so stylish and JavaScript, so you can add your own and it will be saved on the list forever!

A landing page of a store where users can look for the products that the store provides, if they want to buy a product they can communicate through WhatsUp with the store and order a product. Built with HTML, CSS, JavaScript (Es6).

LeaderBoard web app 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

LeaderBoard web app 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

The leaderboard website displays scores submitted by different leaders. It also allows you to add your score. The data is fetched from api and it also allow us to submit new score to API. Build with Html, CSS, JS, and Webpack

In this activity I first set up a JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules. After then I continue working on the Leaderboard list app, sending and receiving data from/to the Leaderboard API.

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.

This is an app that contains scores and names of the user. It is being run by an Api and a user can add both names and scores which will be generated by the Api.

An HTML, CSS and JavaScript project related to a leaderboard, where you can submit a specific score data using an API request

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

A simple leaderboard project made while a student in Microverse using API to get scores for a "game", JavaScript, HTML and basic CSS

A website that displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to an external API service.

An application that displays scores of different players. It also allows the user to submit new scores to the API.

Create a leaderboard website that displays scores submitted by different players. It also allows you to submit your score.

PAC-MAN Leaderboard includes the Leaderboard API

Jbin will gather all the URLs from the website and then it will try to expose the secret data from them such as API keys, API secrets, API tokens and many other juicy information.

The Project aims to create a blockchain based KYC system where the banks are part of the network and Customers can store their data in the blockchain.

A little robot that tells some jokes! I can't guarantee, but it is a funny app. It works calling a joke API to get a random joke and then pass the joke to a text to speech API. All of that using Javascript, HTML and CSS. I hope you enjoy it.