{"id":15403373,"url":"https://github.com/geekelo/leaderboard","last_synced_at":"2026-02-08T22:33:00.921Z","repository":{"id":177339329,"uuid":"659691896","full_name":"geekelo/leaderboard","owner":"geekelo","description":"  The \"Leaderboard Project\" is a web application designed to showcase and track the scores or rankings of users in a particular activity or game. It provides a visually appealing and interactive leaderboard where users can view and compare their performance with others. ","archived":false,"fork":false,"pushed_at":"2023-12-23T18:28:46.000Z","size":660,"stargazers_count":3,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"development","last_synced_at":"2025-08-13T05:40:47.900Z","etag":null,"topics":["css","rest-api","webpack"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/geekelo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-28T11:03:21.000Z","updated_at":"2024-05-23T12:27:02.000Z","dependencies_parsed_at":"2023-12-03T21:21:41.286Z","dependency_job_id":"8745b42d-313d-4a74-8659-ccaa98391091","html_url":"https://github.com/geekelo/leaderboard","commit_stats":{"total_commits":18,"total_committers":1,"mean_commits":18.0,"dds":0.0,"last_synced_commit":"84478dc7d50d20c253e3c4e1fe6e9d36aa2899ab"},"previous_names":["geekelo/leaderboard"],"tags_count":0,"template":false,"template_full_name":"geekelo/webpack-demo","purl":"pkg:github/geekelo/leaderboard","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geekelo%2Fleaderboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geekelo%2Fleaderboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geekelo%2Fleaderboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geekelo%2Fleaderboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/geekelo","download_url":"https://codeload.github.com/geekelo/leaderboard/tar.gz/refs/heads/development","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geekelo%2Fleaderboard/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29247757,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-08T21:42:34.334Z","status":"ssl_error","status_checked_at":"2026-02-08T21:41:38.468Z","response_time":57,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["css","rest-api","webpack"],"created_at":"2024-10-01T16:08:14.823Z","updated_at":"2026-02-08T22:33:00.907Z","avatar_url":"https://github.com/geekelo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003c!--\nHOW TO USE:\nThis is an example of how you may give instructions on setting up your project locally.\n\nModify this file to match your project and remove sections that don't apply.\n\nREQUIRED SECTIONS:\n- Table of Contents\n- About the Project\n  - Built With\n  - Live Demo\n- Getting Started\n- Authors\n- Future Features\n- Contributing\n- Show your support\n- Acknowledgements\n- License\n\nOPTIONAL SECTIONS:\n- FAQ\n\nAfter you're finished please remove all the comments and instructions.\n--\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003c!-- You are encouraged to replace this logo with your own! Otherwise you can also remove it. --\u003e\n     \u003cimg src=\"https://geekelo.com.ng/wp-content/uploads/2023/12/project-signature1.gif\" alt=\"signature\" \u003e\n\n  \u003cbr/\u003e\n\n  \u003ch3\u003e\u003cb\u003eLEADERBOARD WEBAPP\u003c/b\u003e\u003c/h3\u003e\n\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\n\n\n- [📗 Table of Contents](#-table-of-contents)\n- [📖 LeaderBoard WebApp ](#-leaderboard-webapp-)\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  - [🤝 Contributing ](#-contributing-)\n  - [Future Features ](#future-features-)\n  - [⭐️ Show your support ](#️-show-your-support-)\n  - [🙏 Acknowledgments ](#-acknowledgments-)\n  - [📝 License ](#-license-)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n\u003cimg src=\"https://dl.dropboxusercontent.com/s/fkgvbvcgkxiru08/Screenshot%202023-06-30%20134854.png\" width=\"auto\"\u003e\n\n# 📖 LeaderBoard WebApp \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n**The LeaderBoard WebApp** The Leaderboard System is a web application that provides a platform for tracking and displaying user scores or rankings in various activities or competitions. It allows users to submit their scores and view the leaderboard to see how they compare to others.\nHead to the \u003ca href=\"#live-demo\"\u003eLIVE DEMO SECTION\u003c/a\u003e for Live links and presentations\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eES6\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://hacks.mozilla.org/2015/04/es6-in-depth-an-introduction/\"\u003eES6 stands for ECMAScript 6. ECMAScript was created to standardize JavaScript, and ES6 is the 6th version of ECMAScript, it was published in 2015, and is also known as ECMAScript 2015.\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eHTML\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/HTML\"\u003eHTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content.\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eCSS\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/CSS\"\u003eCSS describes how elements should be rendered on screen, on paper, in speech, or on other media.\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eJavaScript\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript\"\u003eJavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions.\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- **User Registration:** Users can create accounts or log in using their existing credentials to participate in the leaderboard system.\n\n- **Score Submission:** Users can submit their scores for different activities or challenges through a user-friendly interface. The system securely stores and associates the submitted scores with the respective user accounts.\n\n- **Leaderboard Display:** The application generates a leaderboard that ranks users based on their scores. It provides an intuitive and visually appealing display that allows users to easily view the top performers and their scores.\n\u003c!-- - ** PopUp windows **: this features add to see the project details about each project in popup windows.\n-  ** Form validation **: this features validate the email should be lowercase for portfolio contact. --\u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LIVE DEMO --\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n\u003e View the live demo of this project by clicking the text below.\n\n- [See Live Demo](https://geekelo.github.io/leaderboard/dist/)\n\u003c!-- - [First Presenation Video](https://www.loom.com/share/719c333faa524c5db6930878f33b809b) --\u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo get a local copy up and running, follow these steps.\n\n\u003e Clone the repository\n```\ngit clone https://github.com/geekelo/leaderboard.git\n```\n\u003e And you are ready to begin your project\n\n### Setup \u003ca name=\"setup\"\u003e\u003c/a\u003e\nThis project contains\nAn HTML FILE (free to edit) - file that contains html codes to give structure to the main webpage\nA CSS FILE (free to edit) - file that contains css codes to style the webpage\nA GIT IGNORE FILE (free to edit) - to hide personal or private files\nHTML/CSS LINTER FILES (should not edit) - Do not make changes\nA JAVASCRIPT FILE (free to edit) - that handles functionalities and dynamic HTML\n\n### Prerequisites \u003ca name=\"prerequisites\"\u003e\u003c/a\u003e\n\u003e You should have Node and Git Installed\n\u003e You should have basic knowledge on HTML / CSS / JavaScript\n\u003e You should have a code editor\n\n### Install \u003ca name=\"install\"\u003e\u003c/a\u003e\n\n\u003e Download install [VSCODE](https://code.visualstudio.com/) and [Git](https://git-scm.com/)\n\u003e To install linters, execute the following commands:\n```\nInitialize npm | ``` npminit -y ```\nHTML | ``` npm install --save-dev hint@7.x ```\nCSS | ```npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x  ```\n```\n### Usage \u003ca name=\"usage\"\u003e\u003c/a\u003e\nTo run the linters, execute the following command and fix linter errors:\n```\nHTML | ``` npx hint . ```\nCSS | ```npx stylelint \"**/*.{css,scss}\" ```\nIf you get a flood of errors keep in mind that linters guide you in writing a clean code!\n```\n### Run Tests \u003ca name=\"run-tests\"\u003e\u003c/a\u003e\nYou can run this program on your browser\n\n### Deployment \u003ca name=\"deployment\"\u003e\u003c/a\u003e\n\nYou can deploy this project using the following procedure:\n\n- Pick the right hosting provider.\n- Choose the tool and method to upload your website.\n- Upload files to your website.\n- Move the website files to the main root folder.\n- Import your database.\n- Check if your website works worldwide.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- AUTHORS --\u003e\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n👤 **Eloghene Otiede**\n\n- GitHub: [@geekelo](https://github.com/geekelo)\n- Twitter: [@Geekelo_xyz](https://twitter.com/Geekelo_xyz)\n- LinkedIn: [LinkedIn](https://linkedin.com/in/eloghene-otiede)\n\u003c!-- - [See Documentation of Author's inputs](./Documentation/Geekelo-input.md) --\u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nYou can offer Contributions, submit an [issue](../../issues/), and make a feature request.\n\n## Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- **Filtering and Sorting:** Users can customize the leaderboard by applying filters or sorting options to view specific categories, date ranges, or other relevant criteria. This feature enhances the user experience by providing flexibility in exploring the leaderboard.\n\n- **Real-time Updates:** The leaderboard dynamically updates as new scores are submitted, ensuring that users always have access to the latest rankings and results.\n\n- **User Profiles:** Users can create and personalize their profiles by adding avatars, usernames, and other optional information. This adds a social element to the leaderboard system, enabling users to connect with each other and compare their achievements.\n\n- **Security and Authentication:** The application implements secure authentication mechanisms to protect user data and ensure that only authorized users can access and submit scores. It adheres to industry-standard security practices to maintain the integrity and confidentiality of user information.\n\n- **Admin Dashboard:** An administrative dashboard provides privileged access to authorized administrators, allowing them to manage user accounts, review and moderate scores, and perform other administrative tasks to maintain the integrity and fairness of the leaderboard system.\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\n\u003e Please give a ⭐️ to support this project\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\n\u003e I would like to thank Microverse for inspiring this project\n\u003e Fonts: [Google Fonts](https://fonts.google.com/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeekelo%2Fleaderboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgeekelo%2Fleaderboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeekelo%2Fleaderboard/lists"}