{"id":21056451,"url":"https://github.com/rileymanda/leaderboard","last_synced_at":"2025-03-14T00:16:08.958Z","repository":{"id":177692443,"uuid":"658371792","full_name":"RileyManda/leaderboard","owner":"RileyManda","description":"A minimalistic web application that utilizes the leaderboard API to generate scores,read and add game scores.","archived":false,"fork":false,"pushed_at":"2023-06-30T21:06:45.000Z","size":341,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-01-20T19:24:18.259Z","etag":null,"topics":["es6","es6-modules","gitflow","html5-css3","javascript","linters-config","webpack5"],"latest_commit_sha":null,"homepage":"https://rileymanda.github.io/leaderboard/","language":"CSS","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/RileyManda.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-06-25T14:54:20.000Z","updated_at":"2023-09-30T22:06:13.000Z","dependencies_parsed_at":null,"dependency_job_id":"78631b00-9bf4-4ba3-9b9f-6516ee545a85","html_url":"https://github.com/RileyManda/leaderboard","commit_stats":null,"previous_names":["rileymanda/leaderboard"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RileyManda%2Fleaderboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RileyManda%2Fleaderboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RileyManda%2Fleaderboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RileyManda%2Fleaderboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RileyManda","download_url":"https://codeload.github.com/RileyManda/leaderboard/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243500787,"owners_count":20300775,"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":["es6","es6-modules","gitflow","html5-css3","javascript","linters-config","webpack5"],"created_at":"2024-11-19T16:50:58.627Z","updated_at":"2025-03-14T00:16:08.895Z","avatar_url":"https://github.com/RileyManda.png","language":"CSS","readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"project-logo.png\" alt=\"logo\" width=\"140\"  height=\"auto\" /\u003e\n  \u003cbr/\u003e\n\n  \u003ch3\u003e\u003cb\u003eLeaderboard\u003c/b\u003e\u003c/h3\u003e\n\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# \u003cb\u003eTable of Contents 📋\n\n- [📖 About the Project](#about-project)\n  - [🛠 Built With](#built-with)\n    - [Tech Stack](#tech-stack)\n    - [Key Features](#key-features)\n  - [🚀 Live Demo](#live-demo)\n- [💻 Getting Started](#getting-started)\n  - [Setup](#setup)\n  - [Prerequisites](#prerequisites)\n  - [Install](#install)\n  - [Usage](#usage)\n  - [Run tests](#run-tests)\n  - [Deployment](#deployment)\n- [👥 Authors](#authors)\n- [👥 Attribution](#attribution)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [❓ FAQ (OPTIONAL)](#faq)\n- [📝 License](#license)\n\u003c/b\u003e\n\u003chr\u003e\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# \u003cb\u003eLeaderboard  📖\u003c/b\u003e\u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n**Leaderboard** Is a minimalistic web application that utilizes the leaderboard API to generate scores,read and update game scores.\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- BUILT WITH --\u003e\n## \u003cb\u003eBuilt With 🛠\u003c/b\u003e\u003ca name=\"built-with\"\u003e\u003c/a\u003e\u003cbr\u003e\n\n\u003c!-- TECH STACK --\u003e\n### \u003cb\u003eTech Stack 🗜️\u003c/b\u003e\u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/HTML\"\u003eHTML5\u003c/a\u003e markup to build raw structure of this web page\u003c/li\u003e\u003cbr\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/CSS\"\u003eCSS3\u003c/a\u003e custom properties, \u003ca href=\"https://css-tricks.com/snippets/css/a-guide-to-flexbox/\"\u003eFlexBox\u003c/a\u003e, \u003ca href=\"\"\u003eGrid\u003c/a\u003e to make the website visually attractive\u003c/li\u003e\u003cbr\u003e\n    \u003cli\u003e\u003ca href=\"https://reactjs.org/\"\u003eJavascript\u003c/a\u003e\u003c/li\u003e\u003cbr\u003e\n    \u003cli\u003e\u003ca href=\"https://mozilla.github.io/addons-linter/\"\u003eLinters\u003c/a\u003e for coding convention and coding formating\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eJavascript runtime environment\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"\"\u003eNode JS\u003c/a\u003e as a javascript runtime machine [git], a free and open source distributed version control system\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eDeployment\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"#deployment\"\u003eGitHub Pages\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eBundler\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://webpack.js.org/\"\u003eWebpack\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eVersion Control\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://datasift.github.io/gitflow/IntroducingGitFlow.html\"\u003eGitflow\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eBackend\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://microverse.notion.site/Leaderboard-API-service-24c0c3c116974ac49488d4eb0267ade3\"\u003eLeaderboard APi\u003c/a\u003e\u003c/li\u003e\n    \n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- KEY FEATURES --\u003e\n### \u003cb\u003eKey Features 🏷️\u003c/b\u003e \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- **WebPack project setup**\n- **Simple Leader User interface**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- LIVE DEMO --\u003e\n## \u003cb\u003eLive Demo 🚀\u003c/b\u003e\u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- [Live Demo Link](https://rileymanda.github.io/leaderboard/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\u003chr\u003e\n\n\u003c!-- GET STARTED --\u003e\n## \u003cb\u003eGetting Started 💻\u003c/b\u003e\u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo get a local copy up and running, follow these steps.\n\n\u003c!-- PREREQUISITIES --\u003e\n### \u003cb\u003ePrerequisites 🧱\u003c/b\u003e\u003ca name=\"prerequisites\"\u003e\u003c/a\u003e\n\nIn order to run this project you need:\n\n- A Github account\n- Node JS\n- A web browser to view output e.g [Chrome](https://www.google.com/chrome/).\n- An IDE e.g [Visual studio code](https://code.visualstudio.com/).\n- [A terminal](https://code.visualstudio.com/docs/terminal/basics).\n\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- SETUP --\u003e\n### \u003cb\u003eSetup ⚙️\u003c/b\u003e\u003ca name=\"setup\"\u003e\u003c/a\u003e\n\nClone this repository to your desired folder:\u003cbr\u003e\n```sh\ncd my-folder\ngit clone https://github.com/RileyManda/Leaderboard.git\n\n  ```\n  - Navigate to the folder\n```\ncd my-folder\n```\n- Checkout the branch\n```\ngit checkout main\n```\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- INSTALL --\u003e\n### \u003cb\u003eInstall 🏗️\u003c/b\u003e\u003ca name=\"install\"\u003e\u003c/a\u003e\n\nInstall all dependencies:\n\n```sh\n    npm install\n```\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- USAGE --\u003e\n### \u003cb\u003eUsage 📂\u003c/b\u003e\u003ca name=\"usage\"\u003e\u003c/a\u003e\n\nTo run the project, follow these instructions:\n\n- You have to clone this repo to your local machine.\n```\ngit clone https://github.com/RileyManda/Leaderboard.git\n```\n\n\u003c!-- TESTS --\u003e\n\u003cbr\u003e\u003chr\u003e\n### \u003cb\u003eRun tests 🧪\u003c/b\u003e\u003ca name=\"run-tests\"\u003e\u003c/a\u003e\n\nHow should it be tested? \nTo run tests, run the following command:\n\n- HTML linter errors run:\n\n```\nnpx hint . --fix\n```\n\n- CSS linter errors run:\n\n```\nnpx stylelint \"**/*.{css,scss}\" --fix\n```\n\n- JavaScript linter errors run:\n\n```\nnpx eslint . --fix\n```\n\n- For unit testing, run:\n\n```\nnpm test\n```\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- DEPLOYEMENT --\u003e\n### \u003cb\u003eDeployment\u003c/b\u003e \u003ca name=\"deployment\"\u003e\u003c/a\u003e\n\n\u003c!-- You can deploy this project using: GitHub Pages, [Vercel](https://vercel.com/) or [Netlify](https://www.netlify.com/). --\u003e\n\nThis project was deployed using GitHub Pages. For more information about how to use GitHub pages [read here](https://www.w3schools.com/git/git_remote_pages.asp?remote=github) 🤩. \n\nIf you want to watch a video about how to use GitHub pages instead of reading [click here](https://www.youtube.com/watch?v=QyFcl_Fba-k\u0026t=251s) ☺️.\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- AUTHORS --\u003e\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **Riley Manda**\n\n- GitHub: [@RileyManda](https://github.com/RileyManda)\n- Twitter: [@rilecodez](https://twitter.com/rilecodez)\n- LinkedIn: [rileymanda](https://www.linkedin.com/in/rileymanda/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- FUTURE FEATURES --\u003e\n## \u003cb\u003eFuture Features 🔭\u003c/b\u003e\u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- [ ] **Perform Api calls from leaderboard API**\n- [ ] **CRUD Operations:Read,Add,Update Scores**\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- ATTRIBUTION --\u003e\n## 👥 Attribution \u003ca name=\"attribution\"\u003e\u003c/a\u003e\n- ProjectIcon: [Svgrepo](https://www.svgrepo.com/)\n\u003c!-- CONTRIBUTING --\u003e\n\n## \u003cb\u003eContributing 🤝\u003c/b\u003e\u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nIf you have suggestions 📝, ideas 🤔, or bug reports 🐛, please feel free to open an [issue](https://github.com/RileyManda/Leaderboard/issues) on GitHub.\nRemember, every contribution, no matter how big or small, makes a difference.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003cbr\u003e\u003chr\u003e\n\n\n\n\u003c!-- SUPPORT --\u003e\n## \u003cb\u003eShow your support 🌟\u003c/b\u003e\u003ca name=\"support\"\u003e\u003c/a\u003e\n\nThank you for taking the time to explore this project! Your support means a lot to me. If you find my project valuable and would like to contribute, here is one way you can support me:\n\n - \u003cb\u003eStar the project ⭐️\u003c/b\u003e: Show your appreciation by starring this GitHub repository. It helps increase visibility and lets others know that the project is well-received.\n\n - \u003cb\u003eFork the project 🍴 🎣\u003c/b\u003e: If you're interested in making improvements or adding new features, feel free to fork the project. You can work on your own version and even submit pull requests to suggest changes.\n\n - \u003cb\u003eShare with others 🗺️\u003c/b\u003e: Spread the word about this project. Share it on social media, mention it in relevant forums or communities, or recommend it to colleagues and friends who might find it useful.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n## \u003cb\u003eAcknowledgments 🙏\u003c/b\u003e\u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\nI would like to express my sincere gratitude to [Microverse](https://github.com/microverseinc), the dedicated reviewers, and collaborators. Your unwavering support, feedback, and collaborative efforts have played an immense role in making this journey a resounding success. I am truly grateful for your contributions and for being an integral part of my achievements. Thank you for your continued support.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003cbr\u003e\u003chr\u003e\n\n\u003c!-- FAQ (optional) --\u003e\n## \u003cb\u003eFAQ ❓\u003c/b\u003e\u003ca name=\"faq\"\u003e\u003c/a\u003e\n\n- **Question_1**\n  Do I have to use the vs code specifically?\n  - Answer_1\n    You can use any code editor of your choice. \u003cbr\u003e\n- **Question_2**\n  Where can I download node JS for installation?\n  - Answer_2\n  Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.\n  It can be downloaded here: https://nodejs.org/en/download/Node.jsNode.js\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENCE --\u003e\n## \u003cb\u003eLicense 📝\u003c/b\u003e\u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) licensed.\n\n_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frileymanda%2Fleaderboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frileymanda%2Fleaderboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frileymanda%2Fleaderboard/lists"}