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


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:

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


🤝 Contributing

Contributions, issues, and feature requests are welcome!

Show your support

Give a ⭐️ if you like this project!




  • 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


    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


    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.