{"id":24641171,"url":"https://github.com/elixir-cloud-aai/web-components","last_synced_at":"2025-05-12T15:04:03.923Z","repository":{"id":39068290,"uuid":"373394632","full_name":"elixir-cloud-aai/web-components","owner":"elixir-cloud-aai","description":"GA4GH Web components are the reusable custom elements that can be utilized in your web apps \u0026 web pages independently irrespective of what framework/library you are using to build the frontend.","archived":false,"fork":false,"pushed_at":"2025-03-29T04:43:48.000Z","size":2391,"stargazers_count":6,"open_issues_count":16,"forks_count":8,"subscribers_count":26,"default_branch":"master","last_synced_at":"2025-03-31T23:36:28.942Z","etag":null,"topics":["elixir-cloud","ga4gh","stenciljs","tailwind","web-components"],"latest_commit_sha":null,"homepage":"https://web-components-beta.vercel.app/","language":"TypeScript","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/elixir-cloud-aai.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":"CONTRIBUTING.md","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":"2021-06-03T05:45:36.000Z","updated_at":"2024-10-04T09:44:51.000Z","dependencies_parsed_at":"2023-02-06T17:15:21.889Z","dependency_job_id":"593b6699-b854-488d-a2e9-845172aaba25","html_url":"https://github.com/elixir-cloud-aai/web-components","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/elixir-cloud-aai%2Fweb-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/elixir-cloud-aai%2Fweb-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/elixir-cloud-aai%2Fweb-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/elixir-cloud-aai%2Fweb-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/elixir-cloud-aai","download_url":"https://codeload.github.com/elixir-cloud-aai/web-components/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253762554,"owners_count":21960374,"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":["elixir-cloud","ga4gh","stenciljs","tailwind","web-components"],"created_at":"2025-01-25T12:12:32.272Z","updated_at":"2025-05-12T15:04:03.858Z","avatar_url":"https://github.com/elixir-cloud-aai.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Elixir Cloud \u0026 AII Web Components\n\n## Description\n\nGA4GH Web components are the reusable custom elements that can be utilized in your web apps \u0026 web pages independently irrespective of what framework/library you are using to build the frontend. These components will mainly serve the [Elixir Cloud \u0026 AII](https://github.com/elixir-cloud-aai/) for managing their services.\n\n![image](https://user-images.githubusercontent.com/58766532/120885223-6f566080-c605-11eb-8831-d966c84a1cbf.png)\n\n## Getting Started\n\n### Prerequisites\n\n- Git\n- [Node \u0026 npm](https://nodejs.org/en/): Recent LTS version avaliable\n- A fork of the repo (for any contributions)\n\n### Installation\n\n- To start with, [fork](https://github.com/git-anurag-hub/web-components) \u0026 clone the repository and traverse into the service's root directory with:\n\n```\ngit clone https://github.com/\u003cyour-github-username\u003e/web-components.git\ncd web-components\n```\n\n- Install the packages to be used in the development:\n\n```\nnpm install\n```\n\n- Build CSS for the project:\n\n```\nnpm run build:css\n```\n\n- Run start script to start the development enviroment of project:\n\n```\nnpm run start\n```\n\n- This will open the browser window on desktop. If not visit `http://localhost:3333/` on your browser new window.\n\nGreat, Now you are good to go!\n\n## Contributing\n\nThis project is a community effort and lives off your contributions, be it in\nthe form of bug reports, feature requests, discussions, or fixes and other code\nchanges. Please refer to our organization's [contribution\nguidelines](https://github.com/elixir-cloud-aai/elixir-cloud-aai/blob/dev/CONTRIBUTING.md) if you are interested in contributing.\nPlease mind the [code of conduct](https://github.com/elixir-cloud-aai/elixir-cloud-aai/blob/dev/CODE_OF_CONDUCT.md) for all interactions with\nthe community.\n\n## Versioning\n\nThe project adopts the [semantic versioning](https://semver.org/) scheme for versioning.\nCurrently the service is in development v1 package for the same will be out soon. Stay tuned!\n\n## License\n\nThis project is covered by the MIT License also\n[shipped with this repository](https://github.com/git-anurag-hub/web-components/blob/master/LICENSE).\n\n## Contact\n\nThe project is a collaborative effort under the umbrella of [ELIXIR Cloud \u0026\nAAI](https://github.com/elixir-cloud-aai/). Follow the link to get in touch with us via chat or email.\nPlease mention the name of this service for any inquiry, proposal, question\netc. Alternatively, you can also make use of the [issue\ntracker](https://github.com/git-anurag-hub/web-components/issues) to request features or report bugs.\n\n[\u003cimg src=\"https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D\u0026colorA=16161d\u0026style=flat-square\"/\u003e](https://stenciljs.com/docs/getting-started)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Felixir-cloud-aai%2Fweb-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Felixir-cloud-aai%2Fweb-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Felixir-cloud-aai%2Fweb-components/lists"}