{"id":15553871,"url":"https://github.com/abdussattar-70/leaderboard","last_synced_at":"2025-04-23T19:45:14.826Z","repository":{"id":142594126,"uuid":"613047377","full_name":"AbdusSattar-70/Leaderboard","owner":"AbdusSattar-70","description":"It's a demo project for learning the usage of API and Git workflow it is a SPA that displays a list of players' names and scores from Leaderboard API and allows you to add name and score info to the list. All data is stored in the API.","archived":false,"fork":false,"pushed_at":"2023-04-19T17:28:01.000Z","size":245,"stargazers_count":6,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-03-30T02:51:09.741Z","etag":null,"topics":["api","css3","github-actions","gitworkflow","html5","javascript","webpack"],"latest_commit_sha":null,"homepage":"https://glittering-lily-6961e8.netlify.app/","language":"CSS","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/AbdusSattar-70.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-03-12T18:25:17.000Z","updated_at":"2023-09-04T09:46:01.000Z","dependencies_parsed_at":"2024-10-02T14:41:26.660Z","dependency_job_id":"b365d367-9653-4251-9c89-7b412c9c2d90","html_url":"https://github.com/AbdusSattar-70/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/AbdusSattar-70%2FLeaderboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdusSattar-70%2FLeaderboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdusSattar-70%2FLeaderboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdusSattar-70%2FLeaderboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AbdusSattar-70","download_url":"https://codeload.github.com/AbdusSattar-70/Leaderboard/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250502188,"owners_count":21441168,"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","css3","github-actions","gitworkflow","html5","javascript","webpack"],"created_at":"2024-10-02T14:41:21.287Z","updated_at":"2025-04-23T19:45:14.804Z","avatar_url":"https://github.com/AbdusSattar-70.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Leaderboard\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table 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](#triangular_flag_on_post-deployment)\n- [👥 Authors](#authors)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [📝 License](#license)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n## 📖 Leaderboard \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\nThis project is a Single Page Application (SPA) that interacts with a Leaderboard API to display a list of players' names and scores. Users can add new players' scores to the list, which is then stored in the API.\n\nThe project uses Webpack for bundling and optimizing code. Webpack allows you to combine all your JavaScript modules into a single file, reducing the number of HTTP requests required to load a web page. This results in a faster and more responsive web page for users.\n\nThe project is designed to provide a hands-on learning experience for those interested in learning about APIs, Git workflow, and Webpack. Through this project, users will learn how to fetch data from a remote server, manipulate the DOM to display the data, and send data back to the server to be stored. They will also learn how to use Git for version control, including creating and managing branches, committing changes, and merging them back into the main branch.\n\nOverall, this project is a great way to gain practical experience in web development and gain valuable knowledge that can be applied to other projects in the future.\n\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\u003eClient\u003c/summary\u003e\n  \u003cb\u003eThis project only works client side right now.\u003c/b\u003e\n  \u003cul\u003e\n    \u003cli\u003eHTML\u003c/li\u003e\n    \u003cli\u003eCSS\u003c/li\u003e\n    \u003cli\u003eJS\u003c/li\u003e\n    \u003cli\u003eWebpack\u003c/li\u003e\n    \u003cli\u003eAPI\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- **Allows add players**\n- **Allows add score**\n- **shows recent score by name**\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- [Live Demo Link](https://glittering-lily-6961e8.netlify.app/)\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\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## Prerequisites \u003ca name=\"prerequisites\"\u003e\u003c/a\u003e\n\nIn order to run this project you need:\n# It would be best if you had some familiarity with `HTML`, `CSS`, and `JS`.\n\n- A Computer (MAC or PC)\n- code editor (VSCode,Atom etc...)\n- A browser (Chrome,Mozilla,Safari etc...)\n- Version Control System (Git and Github)\n\n## Setup \u003ca name=\"setup\"\u003e\u003c/a\u003e\n\nClone this repository to your desired folder:\n\n ``` bash\n        git clone https://github.com/AbdusSattar-70/Leaderboard.git\n        cd Leaderboard \n ```\n\n## Install \u003ca name=\"install\"\u003e\u003c/a\u003e\n\nInstall this project with:\n\n``` bash \n     npm install\n```\n## Usage \u003ca name=\"usage\"\u003e\u003c/a\u003e\n\nYou can use it to store game data in a remote location and see when you want for fun!\n\n## Run tests \u003ca name=\"run-tests\"\u003e\u003c/a\u003e\n\nTo run tests, run the following command:\n\n- To check Styelint error:-\n\n``` bash\n   npx stylelint \"\\*_/_.{css,scss}\"\n```\n- To check Eslint error:-\n```bash\n  npx exlint .\n```\n- To check webhint error:-\n```bash\n  npx hint .\n```\n\n## Deployment \u003ca name=\"triangular_flag_on_post-deployment\"\u003e\u003c/a\u003e\n\nYou can deploy this project using:\n\n```bash\n   npm run build\n```\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## 👤 Abdus Sattar\n\n- GitHub: [AbdusSattar-70](https://github.com/AbdusSattar-70)\n- Twitter: [Abdus Sattar](https://twitter.com/Abdus_Sattar70)\n- LinkedIn: [Abdus Sattar](https://www.linkedin.com/in/abdus-sattar-a41a26215/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FUTURE FEATURES --\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- Implement the ability to delete data from the Leaderboard API.\n- Implement PUT and PATCH requests to update existing data in the API.\n- Improve the visual design of the application to create a more aesthetically pleasing and user-friendly experience.\n- This could include the use of advanced CSS techniques, animations, and custom graphics to make the application look more luxurious and modern.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nEverybody is welcome to suggest, changes,Contributions, issues, and feature request in this repo.\n\nIn order to do it, fork this repository, create a new branch and open a Pull Request from your branch.\n\nFeel free to check the [issues page](../../issues/).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- SUPPORT --\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nIf you like this project, Please give me ⭐️ and you can use it following [MIT](./LICENSE) license.\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\nThanks ❤️ to all of my coding partners, team members, and specifically Microverse code reviewers to help me to figure issues out.\n\nI would like to thank and appreciate who contributes this project.\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 under [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%2Fabdussattar-70%2Fleaderboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabdussattar-70%2Fleaderboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabdussattar-70%2Fleaderboard/lists"}