This web application is a type of a scoreboard showing the names and current scores of the leading competitors in any field which is using API's to get and set data

Overview

Leaderboard-project

This web application is a type of a scoreboard showing the names and current scores of the leading competitors in any field which is using API's to get and set data

Built with

  • HTML
  • CSS
  • JavaScript
  • Webpack

Video

In the following [link](Coming Soon)

Live Server

In the following link, you can view (Coming Soon)).

Screenshot

LeaderBoard_App LeaderBoard_App

Usage

start by cloning this repository by running:

git clone url

cd into the folder

install all the packages needed by this command :

npm install

you can run this website on live server port 8080 by this command :

npm run start

to build the project run :

npm run build

Author

👤 Ravi Teja M

Show your support

Give a ⭐️ if you like this project!

You might also like...

Tenzi is a dice game. The player needs to roll dice until they are all the same. Clicking on a dice, freezes it at its current value between rolls. Best scores are saved to local storage.

Tenzi is a dice game. The player needs to roll dice until they are all the same. Clicking on a dice, freezes it at its current value between rolls.  Best scores are saved to local storage.

Roll until all dice are the same Try me! Technologies Used Description Tenzi is a dice game used to demonstrate the use of React Hooks (useState, useE

Nov 23, 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.

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

Dec 21, 2022

The Happy Devs Leaderboard allows users to submit their scores. The app then ranks them from highest scores to the lowest.

HAPPY DEVS LEADERBOARD The HAPPY DEVS LEADERBOARD app allows users to submit their scores to be ranked on the Leaderboard. Live Demo Live Demo Link Bu

Feb 10, 2022

A type programming language which compiles to and interops with type-level TypeScript

Prakaar Prakaar (hindi for "type") is a type programming language which compiles to and interops with type-level TypeScript. Prakaar itself is also a

Sep 21, 2022

Leaderboard - An app that outputs the names and the score of the players and it uses API's to get all the informations

leaderboard is an app that outputs the names and the score of the players and it uses API's to get all the informations.

Jul 8, 2022

A leaderboard website which displays scores submitted by different players. It also allows you to submit your score. All data is preserved in the external game API.

Leaderboard LeaderBoard Built With HTML JavaScript CSS webpack Getting Started clone this repository. $ cd Leaderboard. $ npm run build . $ npm start

Oct 13, 2022

A self-hosted Thumbnail generator/finder which creates thumbnails based on folder names and google search results.

A self-hosted Thumbnail generator/finder which creates thumbnails based on folder names and google search results.

Thumba A self hosted Thumbnail generator/finder which creates thumbnails based on folder names and google search results. Description This project use

Dec 15, 2022

The leaderboard website displays scores submitted by different players. It also allows you to submit your score. Built with HTML, CSS, JavaScript with APIs

LeaderBoard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. Built With Html,JS,CSS We

Nov 1, 2022
Comments
  • Morning peer to peer review

    Morning peer to peer review

    Hi Ravi! Good job so far! :clap: A small detail is missing though:

    • Add a description of the project to your readme file so that explains to readers what the project is about.

    Keep up the good work! :muscle:

    opened by myelin0 1
  • Hitting API Populate on Leader Board

    Hitting API Populate on Leader Board

    In this branch, I have worked on these things 👍


    ✔️ I have created a new game by using the API. ✔️ I have created the "Refresh" button (receiving data from the API and parsing the JSON). ✔️ I have created the form "Submit" button (sending data to the API). ✔️ I have used async and await JavaScript features to consume the API. ✔️ I have correctly followed Gitflow. ✔️ I have documented my work in a professional way. ✔️ I have followed the best practices for JavaScript. ✔️ No linter errors

    opened by RaviTejaM9602 0
Owner
Ravi Teja
👋 Hi, I’m @RaviTejaM9602 - 👀 I’m interested in Web-Dev - 🌱 I’m currently learning ReactJS - I'm open to new job opportunities in JavaScript...
Ravi Teja
A plugin for Strapi that provides the ability to auto slugify a field for any content type

strapi-plugin-slugify A plugin for Strapi that provides the ability to auto slugify a field for any content type. It also provides a findOne by slug e

daedalus 25 Nov 28, 2022
A Leaderscore app that send data to an API created from Postman and allow users to save names and scores in a table. Built with JavaScript

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

Anicet Murhula 11 May 16, 2022
Weather app created using vanilla JavaScript and APIs. You can search cities worldwide and get current and forecast weather features.

Weather App Live Demo About the Project Weather app created using vanilla JavaScript and APIs. You can search cities worldwide and get current and for

Lua 22 Dec 28, 2022
A collection of tools for NCAIC competitors.

NCAIC CLI Toolkit A collection of tools for NCAIC competitors. Installation There are multiple ways to use the toolkit. Install globally by using NPM

NCAIC 9 Jul 25, 2022
Kyrillos Hany 14 Aug 10, 2022
This application lists the scores of players of a certain game (determined by the user), in this app the Leaderboard REST API is used, where the participants and their scores are registered.

Leaderboard this application lists the scores of players of a certain game (determined by the user), in this app the Leaderboard REST API is used, whe

Gonzalo Medina 5 Jul 29, 2022
Using Webpack and external API, this website saves and shows players' scores and allows the submission of new scores.

Microverse Students Leaderboard Microverse Students Leaderboard project that displays scores submitted by different students. All data is preserved in

Romina Patiño 5 Aug 19, 2022
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
100% type-safe query builder for node-postgres :: Generated types, call any function, tree-shakable, implicit type casts, and more

⚠️ This library is currently in alpha. Contributors wanted! tusken Postgres client from a galaxy far, far away. your database is the source-of-truth f

alloc 54 Dec 29, 2022