The leaderboard website displays scores submitted by different players.

Overview

Project Name : Leaderboard

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.

In order to achieve this project I used some resources and technologies listed below : ScreenShoot

Built With

  • Major languages : JavaScript (ES6 syntax), HTLM and CSS
  • Frameworks : none
  • Module bundler : webpack
  • Technologies used : Github, Git and Linters

Live Demo (not avialable)

Click Here To open the live demo

Getting Started

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

Prerequisites ♻️

  • A personal computer connected to the internet;
  • Have a working and updated browser.
  • Have a local version control like git installed on your computer
  • Have an account on Github, as an online/remote Version Control System
  • Code editor (Visual studio code, sublime text, notepad++, ...) installed on your computer;
  • At least basic of HTML and CSS.

Setup 🎰

  • Click the me and you'll land on the pure repository;
  • click on the green ( 🟒 ) button with Code Inscription;
  • You can choose to download the project or just clone it if you are familiar with Git and Github;
  • Follow normal step once download in your computer and use it as it's yours.

Install

  • If you are familiar with git, Run npm install to get all dependecies required to run the linters checks, otherwise use the downloaded project on your computer without testing files

Run test πŸ§ͺ

Run thes command bellow inside your git bash or command line interface..

  • npm build start : to run the project in your default web Browser
  • npx hint . : for the html codebase and use of best practices.
  • npx stylelint "**/*.{css,scss}" : for the css codebase and use of best practices. you can add
  • npx eslint . : for the JavaScript codebase and use of best practices
  • Note that you can add --fix keyword to the command for Css and/or JavaScript to make sure that you avoid all errors comming from your code editor

Author

πŸ‘€ Chris Siku (Main Author)

Chris Siku's GitHub stats

🀝 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

  • Microverse
  • Hat tip to anyone whose code was used.

πŸ“ License

This project is MIT licensed.

You might also like...

The leaderboard website displays scores submitted by different players

The leaderboard website displays scores submitted by different players

The leaderboard website displays scores submitted by different players. It also allows players to submit their own score. All data is preserved online, thanks to the Leaderboard API service.

Mar 31, 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.

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 website displays scores submitted by different players.

The leaderboard website displays scores submitted by different players.

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.

Jul 28, 2022

The leaderboard is website displays scores submitted by different players. It also allows you to submit your score.

Leaderboard The leaderboard is website displays scores submitted by different players. It also allows you to submit your score. Major languages HTML C

Apr 19, 2022

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.

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.

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

Jan 31, 2022

The leaderboard website displays scores submitted by different players.

The leaderboard website displays scores submitted by different players.

The leaderboard website displays scores submitted by different players. It also allows you to submit your score. It preserves all data thanks to the external Leaderboard API service.

May 31, 2022

The leaderboard website displays scores submitted by different players.

The leaderboard website displays scores submitted by different players.

Leaderboard The leaderboard website displays scores submitted by different players. After clicking submit, the player should click refresh in order to

Nov 26, 2022

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

Sep 30, 2022

The leaderboard website displays scores submitted by different players.

The leaderboard website displays scores submitted by different players.

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.

Dec 21, 2022
Comments
  • Milestone 3 : Final touches

    Milestone 3 : Final touches

    Changes Description πŸ“„

    As I have a fully working app that uses only basic styles to make the layout work, according to the below wireframe: in this project's milestone I add some styling to the user interface for a better user experience

    wireframe

    What I add to the project ♻️

    • adding the styles,
    • improve the look and feel of the application,

    Technology used πŸ§‘β€πŸ’»

    • Language: JavaScript , HTML & CSS
    • Module Bundler : Webpack
    • Framework : nome
    • Library: none
    • Technology : Github, Git, Linters, and API
    opened by Chrissiku 1
  • Milestone 2 : Send and receive data from API.

    Milestone 2 : Send and receive data from API.

    Changes Description πŸ“

    in this project's milestone I continue working on the Leaderboard list app, sending and receiving data from/to the Leaderboard API.

    What I add ♻️

    • Function to Create a new game with the name of your choice by using the API.
    • Implement the "Refresh" button (receiving data from the API and parsing the JSON).
    • Implement the form "Submit" button (sending data to the API).
    • Use async and await JavaScript features to consume the API.

    Technology used πŸ§‘β€πŸ’»

    • Languages : JavaScript, HTML & CSS
    • Module Builder: Webpack
    • Technology: Git, Github, linters, and APIs
    • Library: None
    • Framework: None
    opened by Chrissiku 1
  • Milestone 1 : basic page structure.

    Milestone 1 : basic page structure.

    What I add to the project ♻️

    in this project's milestone I set up a JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules. I develop a first working version of the app following a wireframe, but without styling - just focus on functionality.

    Technology used πŸ§‘β€πŸ’»

    • Language : JavaScript, HTML & CSS
    • Framework : none
    • Module bundler : webpack
    • library : none
    opened by Chrissiku 0
Owner
Chris Siku
πŸ‘‹ Hi, I’m Chris πŸ‘€ I'm a JavaScript Software Engineer 🌱 I’m currently practicing Backend development with NodeJs but also open to new opportunities
Chris Siku
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
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

Bright Kweku Ahiadeke 6 Jul 25, 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
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

Leaderboard App ?? Table of Contents ?? About the Project ?? Built With Tech Stack Key Features ?? Live Demo ?? Getting Started Setup Prerequisites In

Tetteh Kodjo-Sarso 4 Mar 21, 2023
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 ?? Table of Contents ?? About the Project ?? Built With Tech Stack Key Features ?? Live Demo ?? Getting Started Setup Prerequisites Instal

Ritika Rawat 4 Mar 20, 2023
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
A leaderboard website that displays scores submitted by different players.

A leaderboard website 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.

Ola Ishola 3 May 2, 2022
The leaderboard website displays scores submitted by different players

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.

Gabriela SΓ‘nchez Espirilla 4 Mar 7, 2022