{"id":15471696,"url":"https://github.com/lily4178993/leaderboard","last_synced_at":"2025-04-22T13:19:40.511Z","repository":{"id":177289638,"uuid":"659298018","full_name":"lily4178993/Leaderboard","owner":"lily4178993","description":"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.","archived":false,"fork":false,"pushed_at":"2024-06-21T11:18:32.000Z","size":464,"stargazers_count":4,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-04-22T13:19:21.036Z","etag":null,"topics":["css3","html5","javascript","leaderboard","learning-project","webpack"],"latest_commit_sha":null,"homepage":"https://lily4178993.github.io/Leaderboard/dist/","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/lily4178993.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-27T14:31:01.000Z","updated_at":"2024-06-03T22:41:18.000Z","dependencies_parsed_at":"2024-01-11T06:28:26.708Z","dependency_job_id":"d0357378-fd05-405a-9edf-35f079bbad28","html_url":"https://github.com/lily4178993/Leaderboard","commit_stats":{"total_commits":35,"total_committers":2,"mean_commits":17.5,"dds":0.1428571428571429,"last_synced_commit":"b4a2bff14c0412e61faa35a28b608b536a511b10"},"previous_names":["lily4178993/leaderboard"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lily4178993%2FLeaderboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lily4178993%2FLeaderboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lily4178993%2FLeaderboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lily4178993%2FLeaderboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lily4178993","download_url":"https://codeload.github.com/lily4178993/Leaderboard/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250246730,"owners_count":21398919,"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":["css3","html5","javascript","leaderboard","learning-project","webpack"],"created_at":"2024-10-02T02:21:22.343Z","updated_at":"2025-04-22T13:19:40.492Z","avatar_url":"https://github.com/lily4178993.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./src/assets/icons-leaderboard.png\" alt=\"logo\" width=\"140\"  height=\"auto\" /\u003e\n\n#  **Leaderboard**\nThe leaderboard website displays scores submitted by different players. It also allows you to submit your score.\n\n---\n  \u003cbr/\u003e\n  \u003cbr/\u003e\n  \u003cbr/\u003e\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n## \u003cb\u003eTable of Contents 📗\n- [Built With 🛠](#built-with)\n- [Key Features 🏷️](#key-features)\n- [Screenshot 📷](#screenshot)\n- [Live Demo🚀](#live-demo)\n- [Prerequisites 🧱](#prerequisites)\n- [Setup ⚙️](#setup)\n- [Install 🏗️](#install)\n- [Usage 📂](#usage)\n- [Author 👤](#author)\n- [Contributing 🤝](#contributing)\n- [Show your support 🌟](#support)\n- [Acknowledgements 🙏](#acknowledgements)\n- [FAQ ❓](#fap)\n- [License 📝](#license)\n\u003c/b\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\n\n---\n\u003c!-- BUILT WITH --\u003e\n## **Built With 🛠**\u003ca name=\"built-with\"\u003e\u003c/a\u003e\u003cbr\u003e\n\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=\"https://www.w3schools.com/css/css_grid.asp\"\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    \u003cli\u003e\u003ca href=\"https://webpack.js.org\"\u003eWebpack\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\n\u003cbr\u003e\n\n---\n\u003c!-- KEY FEATURES --\u003e\n### **Key Features 🏷️** \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- **All data are preserved thanks to the external Leaderboard API service.**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\u003cbr\u003e\n\n---\n\u003c!-- SCREENSHOT --\u003e\n### **Screenshot 📷**\u003ca name=\"screenshot\"\u003e\u003c/a\u003e\nBelow is an overview of the app.\n\u003cbr\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./src/assets/app_screenshot.png\" alt=\"Leaderboard Screenshot\" max-width=\"300\"  max-height=\"320\" border=\"4px solid gray\" /\u003e\n\u003c/div\u003e\u003cbr\u003e\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n---\n\u003c!-- LIVE DEMO --\u003e\n## \u003cb\u003eLive Demo 🚀\u003c/b\u003e\u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\nThis project is hosted on GitHub pages, so if you want to check it online, please click 😊 [here](https://lily4178993.github.io/Leaderboard/dist/).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n---\n\u003c!-- PREREQUISITIES --\u003e\n## **Prerequisites 🧱**\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- Webpack\n- A web browser to view output e.g [Microsoft Edge](https://www.microsoft.com/en-us/edge).\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\n\n---\n\u003c!-- SETUP --\u003e\n## **Setup ⚙️**\u003ca name=\"setup\"\u003e\u003c/a\u003e\n\nClone this repository:\u003cbr\u003e\n```sh\n  git clone https://github.com/lily4178993/Leaderboard.git\n\n```\nNavigate to the folder\n```\ncd Leaderboard\n```\nCheckout the branch\n```\ngit checkout main\n```\n\u003cbr\u003e\n\n---\n\u003c!-- INSTALL --\u003e\n## ** 🏗️**\u003ca name=\"install\"\u003e\u003c/a\u003e\n\nInstall all dependencies:\n\n```sh\n    npm install\n```\nRun the following code to fixed possible JavaScript linter errors:\n```\nnpx eslint . --fix\n```\n\n---\n\u003c!-- USAGE --\u003e\n## **Usage 📂**\u003ca name=\"usage\"\u003e\u003c/a\u003e\nOpen page in browser\n```sh\n$ open dist/index.html\n```\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n---\n\u003c!-- AUTHORS --\u003e\n## **Author 👤**\u003ca name=\"author\"\u003e\u003c/a\u003e\nYou can reach me using these following links:\n- Twitter: [@nelly_telli](https://twitter.com/nelly_telli)\n- LinkedIn: [Nelly T.](https://www.linkedin.com/in/nelly-t-330414266/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003cbr\u003e\n\n---\n\u003c!-- CONTRIBUTING --\u003e\n## **Contributing 🤝**\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/lily4178993/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\n\n---\n\u003c!-- SUPPORT --\u003e\n## **Show your support 🌟**\u003ca name=\"support\"\u003e\u003c/a\u003e\n\nThank you for taking the time to explore my GitHub project! Your support means a lot to me. If you find my project valuable and would like to contribute, here are a few ways you can support me:\n\n - **Star the project ⭐️**: Show your appreciation by starring this GitHub repository. It helps increase visibility and lets others know that the project is well-received.\n\n - **Fork the project 🍴 🎣**: 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 - **Share with others 🗺️**: 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\n\n---\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n## **Acknowledgments 🙏**\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 my coding partners. Your unwavering support, and feedbacks have played an immense role in making this journey a resounding success. Thank you for being an integral part of my achievements.\n\nI would also like to thank \u003ca target=\"_blank\" href=\"https://icons8.com\"\u003eIcons8\u003c/a\u003e for all the images and icons I used in this project.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n---\n\u003c!-- FAQ --\u003e\n## **FAQ ❓**\u003ca name=\"faq\"\u003e\u003c/a\u003e\n\n\n- **What is Webpack**\n\n  - Webpack is a free and open-source module bundler for JavaScript. It is made primarily for JavaScript, but it can transform front-end assets such as HTML, CSS, and images if the corresponding loaders are included.\n\n- **Why should we use Webpack**\n\n  - Webpack goes through your package and creates what it calls a dependency graph which consists of various modules which your webapp would require to function as expected. Then, depending on this graph, it creates a new package which consists of the very bare minimum number of files required, often just a single bundle.js file which can be plugged in to the html file easily and used for the application. It makes our code shorter, cleaner and compiles different javascript module.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003cbr\u003e\n\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\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flily4178993%2Fleaderboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flily4178993%2Fleaderboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flily4178993%2Fleaderboard/lists"}