{"id":22452816,"url":"https://github.com/tchasinga/loaderboard-api","last_synced_at":"2025-03-27T12:43:03.252Z","repository":{"id":176686955,"uuid":"659170832","full_name":"tchasinga/Loaderboard-api","owner":"tchasinga","description":null,"archived":false,"fork":false,"pushed_at":"2023-06-29T09:52:42.000Z","size":151,"stargazers_count":1,"open_issues_count":3,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-02-01T17:14:05.651Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/tchasinga.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-27T09:22:08.000Z","updated_at":"2023-07-07T14:58:06.000Z","dependencies_parsed_at":null,"dependency_job_id":"65400427-8304-4cfe-820d-26cd1c8ee34f","html_url":"https://github.com/tchasinga/Loaderboard-api","commit_stats":null,"previous_names":["tchasinga/loaderboard-api"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tchasinga%2FLoaderboard-api","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tchasinga%2FLoaderboard-api/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tchasinga%2FLoaderboard-api/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tchasinga%2FLoaderboard-api/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tchasinga","download_url":"https://codeload.github.com/tchasinga/Loaderboard-api/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245850240,"owners_count":20682636,"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":[],"created_at":"2024-12-06T06:12:24.055Z","updated_at":"2025-03-27T12:43:03.218Z","avatar_url":"https://github.com/tchasinga.png","language":"JavaScript","readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\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](#deployment)\n- [👥 Authors](#authors)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [❓ FAQ (OPTIONAL)](#faq)\n- [📝 License](#license)\n\n\n# 📖 Loader-board using Api \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n**Loader-board** In general, an API (Application Programming Interface) is a set of rules and protocols that allows different software applications to communicate and interact with each other. APIs define the methods and data formats that developers can use to access and manipulate certain functionalities or data of a system, service, or platform.\n\nIf \"loader-board API\" refers to a specific API related to a loader board or a particular software or platform, \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\u003eBuilded by using those specific tech below\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/HTML\"\u003eHTML\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/CSS\"\u003eCSS\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/javascript\"\u003eJavaScript\u003c/a\u003e\u003c/li\u003e\n     \u003cli\u003e\u003ca href=\"https://webpack.js.org/guides/getting-started/#basic-setup\"\u003eWebpack\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n\u003e Here's the key Coming Features :\n\n- **CRUD SYSTEM**\n- **WEATHER APP**\n\n````\nAPIs offer several advantages, including:\n\nModularity and Abstraction: APIs allow for the modularization of software systems, separating the implementation details from the interface exposed to developers. This abstraction makes it easier to understand and interact with complex systems by providing a simplified interface.\n````\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n\u003e N/A\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\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- Clone this project.\n- Open it in VS code.\n- Deploy it on a browser using a live-server plug-in.\n\n### Prerequisites\n\nIn order to add this project to your repo you need:\n\nGit\nA GitHub account\nVS-Code\n\u003ca href=\"https://github.com/microverseinc/linters-config/tree/master/html-css-js\"\u003eHTML, CSS, and JavaScript linters\u003c/a\u003e\n\n### Setup\n\nClone this repository to your desired folder:\n\n\nhttps://github.com/tchasinga/Loaderboard-api.git\n\n\n### Installation\n\nTo install webpack, follow these steps:\n\nMake sure you have Node.js installed on your system. You can download it from the official Node.js website: https://nodejs.org.\n\nOpen your command line interface (CLI) or terminal.\n\nNavigate to your project directory using the cd command:\n```\nbash\ncd /path/to/your/project\nRun the following command to initialize a new Node.js project:\n```\n```\nnpm init -y\n```\nNow, install webpack and the necessary plugins by running the following command:\n\ncss\n```\nnpm install webpack webpack-cli html-webpack-plugin --save-dev\n```\n\nConfiguration\nAfter installing webpack, you need to create a webpack configuration file in the root directory of your project. Here's how you can configure webpack with the provided information:\n\nCreate a file named webpack.config.js in the root directory of your project.\n\nOpen the webpack.config.js file in a text editor and add the following code:\n\njavascript\nCopy code\nconst path = require('path');\nconst HtmlWebpackPlugin = require('html-webpack-plugin');\n```\nmodule.exports = {\n  mode: 'development',\n  entry: {\n    index: path.resolve(__dirname, './src/index.js'),\n  },\n  output: {\n    path: path.resolve(__dirname, './dist'),\n    filename: 'CodeBoardApi.js',\n    clean: true,\n  },\n  devServer: {\n    static: './dist',\n  },\n  plugins: [\n    new HtmlWebpackPlugin({\n      template: path.resolve(__dirname, './src/template.html'),\n    }),\n  ],\n  module: {\n    rules: [\n      {\n        test: /\\.css$/,\n        use: ['style-loader', 'css-loader'],\n      },\n    ],\n  },\n};\n```\nLet's break down the configuration:\n\nmode: 'development' sets the mode to development for better debugging and development experience. You can change it to production for optimized and minified code in a production environment.\nentry specifies the entry point of your application. In this case, it's set to index.js located in the src directory.\noutput determines where webpack should emit the bundled files. The path specifies the output directory (dist folder in this case), and filename defines the name of the output file (CodeBoardApi.js).\ndevServer configures the development server. The static property points to the directory that the server should serve files from (in this case, the dist folder).\n\u003eplugins defines the plugins to use. The HtmlWebpackPlugin is included to generate an HTML file with the bundled script injected.\nmodule sets up rules for processing different file types. The rule specified here is for .css files, which are processed using style-loader and css-loader.\nSave the webpack.config.js file.\n\nUsage\nTo build your project using webpack, run the following command in your CLI:\n```\nnpx webpack\n```\nThis command will use the webpack configuration file (webpack.config.js) to bundle your JavaScript and CSS files. The output will be generated in the dist directory.\n### Install\n\nThis project doesn't need to be installed.\n\n### Usage\n\nProject can be used in any proswer\n\n### Run tests\n\nThere are no tests to run.\n\n### Deployment\n\nYou can deploy this project by using VS-code and injecting it to a browser through a local live server\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **Tchasinga**\n\n- GitHub: [@githubhandle](https://github.com/tchasinga)\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- [ ] **CSS styling to make the project loook better**\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\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [here the page](https://github.com/tchasinga/Loaderboard-api/issues/2).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nIf you like this project, please give it a star ⭐️\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\nI'd like just to say thanks for Idea and effort given by partner\nwe've done enough in group, and thanks to all for really \n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\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","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftchasinga%2Floaderboard-api","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftchasinga%2Floaderboard-api","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftchasinga%2Floaderboard-api/lists"}