Yorsyboy / Leaderboard

A simple leaderboard showing student scores , built with Javascript, Es6 features and webpack

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

LeaderBoard

A scoreboard to store student scores.

Live Demo

Built With

  • HTML
  • CSS
  • Javascript
  • Lighthouse (An open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO and more).
  • Webhint (A customizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors).
  • Stylelint (A mighty, modern linter that helps you avoid errors and enforce conventions in your styles).
  • ESLint
  • Webpack (Webpack is used to compile JavaScript modules.)

Prerequisites

The basic requirements for building the executable are:

  • A working browser application (Google chrome, Mozilla Fire fox, Microsoft edge ...)
  • VSCode or any other equivalent code editor
  • Node Package Manager (For installing packages like Lighthouse, webhint & stylelint used for checking for debugging bad codes before deployment)

Getting packages and debugging with Webhint

npm init -y
npm install --save-dev hint@6.x
For validation detection using Webhint Run
npx hint .
from parent source directory

Getting packages and debugging with Stylelint

npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x
For validation detection using Stylelint Run
npx stylelint "**/*.{css,scss}"
from parent source directory

Getting packages and debugging with Eslint

npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x
For validation detection using Eslint Run
npx eslint .
from parent source directory

Getting packages and debugging with Webpack

npm install webpack webpack-cli --save-dev
For validation detection using webpack
 npx webpack
from parent source directory

Author 1

👤 Toyosi Taiwo

🤝 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
  • Hat tip to anyone whose code was used
  • Inspiration etc.

📝 License

This project is MIT licensed.

About

A simple leaderboard showing student scores , built with Javascript, Es6 features and webpack

https://yorsyboy.github.io/Leaderboard/


Languages

Language:JavaScript 51.1%Language:CSS 36.2%Language:HTML 12.7%