/Leaderboard

A leaderboard consisting of a ranked list of items each with a label and a value. Also it has a form area where User can inset the label and score value to the board. The Board using an API to populate the board. Create with Javascript Vanilla.

Primary LanguageJavaScriptMIT LicenseMIT

LEADERBOARD

This is a simple Leaderboard created with the use of javascript, Webpack and following good gitflow practises. This project utilized ASYNC/AWAIT function to fetch from and post to a leaderboard API. The use of API is the main objective of this javascript project.

Live Demo

To be Documented Later.

Built With

Languages
  • HTML
  • CSS
  • JAVASCRIPT (Webpack)
  • Package Management with Node (NPM)
Tools
  • Github
Code Editor
  • VS code
Packages
  • NPM
  • Node

Getting Started

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

Project Setup

Prerequisites

  • Install a Code Editor (VS Code, Atom)
  • Install NPM and Nodejs package.

Setup

  • Open Terminal make a empty folder and Cd to the folder
cd foldername
  • Clone the project repo
git clone git@github.com:uisendy/Leaderboard.git
  • run 
npm install

Linter

  • Create a .github/workflow folder and paste linter.yml file.
  • Run linter command in terminal
npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x
npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x
  • Linter (Stylelint) is installed.

Author

  • Github: @SendyIU
  • Twitter: @sinieke

🤝 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

📝 License

This project is MIT licensed.