{"id":15041536,"url":"https://github.com/benmukebo/leaderboard","last_synced_at":"2025-04-14T20:22:48.865Z","repository":{"id":46486073,"uuid":"413902662","full_name":"BenMukebo/Leaderboard","owner":"BenMukebo","description":"The Leaderboard website displays scores submitted by different players. It also allows you to submit your score. Bult with JavaScript, SCSS, API.","archived":false,"fork":false,"pushed_at":"2022-05-17T18:36:42.000Z","size":5632,"stargazers_count":6,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"development","last_synced_at":"2025-03-28T08:41:25.156Z","etag":null,"topics":["api-rest","es6-javascript","html5","scss-framework"],"latest_commit_sha":null,"homepage":"https://leaderboard-game.netlify.app/","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BenMukebo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-10-05T16:48:20.000Z","updated_at":"2023-06-03T04:09:31.000Z","dependencies_parsed_at":"2022-09-22T12:51:49.579Z","dependency_job_id":null,"html_url":"https://github.com/BenMukebo/Leaderboard","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BenMukebo%2FLeaderboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BenMukebo%2FLeaderboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BenMukebo%2FLeaderboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BenMukebo%2FLeaderboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BenMukebo","download_url":"https://codeload.github.com/BenMukebo/Leaderboard/tar.gz/refs/heads/development","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248952844,"owners_count":21188512,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api-rest","es6-javascript","html5","scss-framework"],"created_at":"2024-09-24T20:46:12.465Z","updated_at":"2025-04-14T20:22:48.844Z","avatar_url":"https://github.com/BenMukebo.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"![](https://img.shields.io/badge/Microverse-blueviolet)\n\n# Leaderboard\n\n* The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service.\n\nBelow you can see how this website should look and behave:\n||             LEADERBOARD           ||\n|-|-----------------------------------|-|\n||![screenshot](./src/img/screenhot1.png)||\n\n## Why this Leaderboard page is special?\n\n### Learning objectives\n\n- Use callbacks and promises.\n- Learn how to use proper ES6 syntax.\n- Use ES6 modules to write modular JavaScript.\n- Use webpack to bundle JavaScript .\n- Send and receive data from an API.\n- Use API documentation.\n- Understand and use JSON.\n- Make JavaScript code asynchronous.🐛🐛.\n  \n## Live Demo\n\n[Demo](https://thirsty-montalcini-8d768c.netlify.app)\n\n\n## Setup\n\n### Clone this repository\n\n```bash\n$ git clone https://github.com/BenMukebo/Leaderboard.git\n$ cd Leaderboard\n```\n\n### set up webpack\n\n```bash\n\n$ npm install --save-dev html-webpack-plugin  \n$ npm install --save-dev webpack-dev-server\n$ npm npm install --save-dev style-loader css-loader # To able to use npm run start for live reloading.\n```\n\n\n### Compile scss\n\n```bash\n$ sass --watch src/scss/style.scss src/css/style.css # this will make to automatically compile scss code in css.\n```\n\n### Run project\n\n```bash\n$ npm install\n$ npm run build\n$ npm run start # this will make webpack watching for your changes in code.\n```\n\n### Open page in browser\n```bash\n$ open dist/index.html\n```\n## Test\n\nFor tracking linter errors locally you need to follow these steps:\n\n- For tracking the linter errors in HTML file run:\n  \u003e npx hint .\n\n- For tracking the linter errors in CSS file run:\n  \u003e npx stylelint \"**/*.{css,scss}\"\n\n  - And For tracking the linter errors in JavaScript file run:\n  \u003e npx eslint .\n\n\n## Built With\n\n- HTML\n- JavaScript\n- SCSS\n- Webpack\n\n\n## 👤 Author\n\nThe author of the entire code is Ben Mukebo-\n\n- [GitHub](https://github.com/BenMukebo)\n- [Twitter](https://twitter.com/BenMukebo)\n- [LinkedIn](https://www.linkedin.com/in/kasongo-mukebo-ben-591720205/)\n\n\n## 🤝 Contributing\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](https://github.com/BenMukebo/Leaderboard/issues).\n\n## Show your support\n\nGive a ⭐️ if you like this project!❤️❤️❤️\n\n## Acknowledgements\n\nThank you [Microverse](https://img.shields.io/badge/Microverse-blueviolet) for preparing this project! 👏👏👏\n\n\n## 📝 License\n\nThis project is MIT licensed.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbenmukebo%2Fleaderboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbenmukebo%2Fleaderboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbenmukebo%2Fleaderboard/lists"}