belalgamal46/leaderboard

Leaderboard

This is an that use leaderboard api and display it and add your scores to the leaderboard. It's also a practice project on api's from Microvers

Built With

• HTML
• CSS
• JavaScript
• GitHub
• webhint
• stylelint
• eslint
• Webpack

Getting Started

To get a local copy of this project up and running on your local machine follow the steps below.

Prerequisites

• Basic html, css and medium Javascript know how.
• Git installation
• A text editor
• A terminal
• A web browser to view output e.g Google Chrome
• An IDE e.g Visual studio code

Setup

• Clone this repository or download the Zip folder:

  git clone https://github.com/belalgamal46/leaderboard.git
  

• Navigate to the location of the folder in your machine:

  you@your-Pc-name:~$ cd <folder>

Usage

• After Cloning this repo to your local machine
• Open the project folder in your IDE

Run

To download all the dependencies:

npm install

Track HTML linter errors run:

npx hint .

Track CSS linter errors run:

npx stylelint "**/*.{css,scss}"

Track JavaScript linter errors run:

npx eslint .

To run application:

npm start

Authors

👤 Belal Gamal

• GitHub: @githubhandle
• LinkedIn: LinkedIn

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 Issues

change to style and js

hello @belalgamal46
well done on implementing all the requirements

there are little changes you need to make

• it would be nice if you made the style look attractive and followed HTML/CSS best practices following the link https://github.com/microverseinc/curriculum-html-css/blob/main/articles/html_css_best_practices.md
• please separate the javascript logic to make your code easy to understand.
• please try to follow javascript best practices. you can find the link here
  https://github.com/microverseinc/curriculum-html-css/blob/main/articles/javascript_best_practices.md

happy coding!