It's a simple Leaderboard with the functionality to add and view leaderboard with API calls

Related tags

Learning resource Leardership-board
Overview

Leaderboard

This is a leaderboard project with the functionality to add and view leaderboard with API call. This project follows GitFlow instead of GitHub flow and it is built with JavaScript, CSS and HTML.

Built With

  • HTML
  • CSS
  • Javascript
  • Webpack Bundler

Live Demo

Live Demo Link

Getting Started

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

Prerequisites

You will need the following on you machine to reproduce this project

  • Code editor preferebly Visual Studio Code (VScode).
  • Basic understanding of HTML, CSS Javascript languages

Setup

To clone this repository, please follow the steps below:

Clone Git Repository In GitHub

  • In the File menu, click Clone Repository.
  • Click the tab that corresponds to the location of the repository you want to clone. ...
  • Choose the repository you want to clone from the list.
  • Click Choose... and navigate to a local path where you want to clone the repository.
  • Click Clone.

or

Clone Git Repository In Visual Studio Code

  • Open VSCode and select a folder where to download the Git project to (Ctrl + K wait a second Ctrl + O):

    Top Menu -> Files -> Open Folder...

  • Start the terminal (Ctrl + `):

    Top Menu -> View-> Terminal

  • Execute the git clone command in the terminal:

    PS C:> git clone https://github.com/path/to/repo.git

Install

  • install VScode if you do not already have it.
  • Sass Compiler VS Code extension.

Authors

Robertson Akpan

🤝 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

  • Big thank to the micorverse team

📝 License

This project is MIT licensed.

You might also like...

A plugin for Obsidian (https://obsidian.md) that adds a button to its search view for copying the Obsidian search URL.

A plugin for Obsidian (https://obsidian.md) that adds a button to its search view for copying the Obsidian search URL.

Copy Search URL This plugin adds a button to Obsidian's search view. Clicking it will copy the Obsidian URL for the current search to the clipboard. T

Dec 26, 2022

Functional-style Cloudflare Durable Objects with direct API calls from Cloudflare Workers and TypeScript support.

durable-apis Simplifies usage of Cloudflare Durable Objects, allowing a functional programming style or class style, lightweight object definitions, a

Jan 2, 2023

An esbuild plugin for simplifying global API calls.

esbuild-plugin-global-api This plugin is still experimental, not recommended for production. It may break your code in some cases. An esbuild plugin f

Nov 15, 2022

Simple patch that adds a 'progress' callback to jquery Ajax calls

Jquery Ajax Progresss A simple patch to jQuery that will call a 'progress' callback, using the XHR.onProgress event Usage Simply include the script on

Sep 8, 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. 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. Build with Html, CSS, JS, API, and Webpack.

Mar 11, 2022

StarkNet support extension for VSCode. Visualize StarkNet contracts: view storage variables, external and view functions, and events.

StarkNet support extension for VSCode. Visualize StarkNet contracts: view storage variables, external and view functions, and events.

StarkNet Explorer extension This VSCode extension quickly shows relevant aspects of StarkNet contracts: Storage variables of the current contract, and

Nov 4, 2022

A plugin for Strapi CMS that adds a preview button and live view button to the content manager edit view.

A plugin for Strapi CMS that adds a preview button and live view button to the content manager edit view.

Strapi Preview Button A plugin for Strapi CMS that adds a preview button and live view button to the content manager edit view. Get Started Features I

Dec 30, 2022

To Do List Application Organize your tasks with simple add and delete functionality. Organize your items with ease.

To Do List Application Organize your tasks with simple add and delete functionality. Organize your items with ease.

TODO-LIST To Do List Application Organize your tasks with simple add and delete functionality. Organize your items with ease. Additional description a

Jul 22, 2022

It is a simple yet powerful to do list app in which you can add daily to-do tasks.you can edit, remove, check it to change its status to complete or not complete. it would save all the data and changes in local storage and track your daily tasks whether you have completed them or not.Built with vanilla JavaScript

To Do list - minimalist It is a simple yet powerful to do list app in which you can add daily to-do tasks. it would save all the data and changes in l

Oct 9, 2022
Comments
  • peer to peer code reveiew

    peer to peer code reveiew

    hi @bobb-Rob, your project is working well and it has a good styling good job so far 👏 but there is something you still have to work on so that your project may look perfect

    required changes

    • when you add a new name and score they appear when we click the refresh button please try to make the new input appear on the page load
    opened by divinecharlotte 1
  • Leaderboard: hit the API

    Leaderboard: hit the API

    Implemented the following:

    • [ ] Created a new game using the API.
    • [ ] Implemented the "Refresh" button (receiving data from the API and parsing the JSON).
    • [ ] Add score form "Submit" button (sending data to the API).
    • [ ] Used async and await JavaScript features to consume the API.
    opened by bobb-Rob 1
  • Leaderboard: setup project

    Leaderboard: setup project

    • [ ] Created an npm project with webpack.
    • [ ] Write plain HTML markup with minimum styling.
    • [ ] No API calls
    • [ ] Used ES6 modules, with import and export.
    opened by bobb-Rob 0
Owner
Robertson Arthur
Full-Stack Software Developer with much love for React.JS, Redux, and Ruby. I play drums in my spare time. ***Open to new opportunities.***
Robertson Arthur
GitHub
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

ABDUL ALI 13 Dec 26, 2022
leaderBoard is a project used to add a score, view score list, and refresh score list. It is built using JS, HTML, BootStrap, and API.

LeaderBoard ?? Table of Contents ?? About the Project ?? Built With Tech Stack Key Features ?? Live Demo ?? Getting Started Setup Prerequisites Instal

Zewdie Habtie 4 Mar 20, 2023
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

Toussaint Saraza 7 Jun 20, 2022
coc-pyright-tools is a coc-extension that adds its own functionality to coc-pyright for coc.nvim. Currently the "Inlay Hints", "CodeLens" and "Test Framework commands" feature is available.

coc-pyright-tools !!WARNING!! Inlay hints feature of coc-pyright-tools, have been ported to coc-pyright itself. https://github.com/fannheyward/coc-pyr

yaegassy 5 Aug 23, 2022
It's a repository to studies. Its idea is to learn about Nx and its plugins.

StudyingNx This project was generated using Nx. ?? Smart, Fast and Extensible Build System Adding capabilities to your workspace Nx supports many plug

Open-ish 4 May 13, 2022
Can see everything, beware of its omniscience, kneel before its greatness.

Can see everything, beware of its omniscience, kneel before its greatness. Summary Presentation Installation Removing Credits Presentation Main goal T

Duc Justin 3 Sep 30, 2022
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.

Leaderboard Project JavaScript project for the Leaderboard list app, using Webpack and ES6 features, notably modules. this app consume the Leaderboard

bizimungu pascal 4 May 20, 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

Steven Ntakirutimana 5 Dec 21, 2022
PAC-MAN Leaderboard includes the Leaderboard API. You can add your name and score, and see other player's scores.

PAC-MAN Leaderboard includes the Leaderboard API. You can add your name and score, and see other player's scores.

Pedro Guerreiro 7 Oct 26, 2022
🔍 A view component for React Native with pinch to zoom and drag to pan functionality.

react-native-pan-pinch-view A view component for React Native with pinch to zoom and drag to pan functionality. ?? Introduction Even though the demo s

Ivanka Todorova 43 Oct 6, 2022