Coder Social home page Coder Social logo

kanzatahreem / leaderboard Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 1.0 402 KB

Website that uses an API to display scores of the game submitted by different players by receiving/sending data from/to the Leaderboard API.

Home Page: https://kanzatahreem.github.io/Leaderboard/

License: MIT License

HTML 17.54% JavaScript 44.22% CSS 38.24%
api await-async callback css es6-modules getdata html javascript-es6 leaderboard postdata

leaderboard's Introduction

Leaderboard

The leaderboard website displays scores submitted by different players. Built with HTML, CSS, JavaScript(ES6), notably modules, and Webpack. The application allows users to submit their scores. It uses data from an API to display scores for the game by sending and receiving data from/to the Leaderboard API. All data is preserved to the external Leaderboard API service.

Built With

  • HTML & CSS
  • JavaScript(ES6)
  • Webpack
  • Linters

Live Demo

Live at Leaderboard

Getting Started

Prerequisites

  • node.js (10.13.0 (LTS))
  • git

Setup

To get a local copy, follow the steps below:

  1. Open your terminal

  2. Navigate to the directory where you want to clone the project.

  3. Clone the project using git clone or directly by running the following command

    git clone [email protected]:KanzaTahreem/Leaderboard.git

  4. Open your editor and follow the steps mentioned below

Install

  • npm install

Usage

  • npm run build
  • npm start

Authors

๐Ÿ‘ค Author

๐Ÿค 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!

๐Ÿ“ License

This project is MIT licensed.

leaderboard's People

Contributors

kanzatahreem avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Forkers

yohannes237

leaderboard's Issues

Module 2 , Week 4 , Leaderboard project peer to peer code review

Hey Kanza ๐Ÿ‘‹
I went through your code and it was Excellent!

  • your code is clean and easy to understand
  • and your wireframe design is aligned correctly I can see that you did more than expected and I appreciated it!

But as a suggestion:

  • In the index.html file, in row 30, you have a form, without any action () please check it!

Thank you very much for sharing your code!!!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.