{"id":20484985,"url":"https://github.com/sap-samples/luigi-micro-frontend-application","last_synced_at":"2025-04-13T14:52:55.267Z","repository":{"id":37964469,"uuid":"305768804","full_name":"SAP-samples/luigi-micro-frontend-application","owner":"SAP-samples","description":"Learn how to build a Luigi micro-frontend application with React and UI5. It demonstrates the usage of the Luigi open source project.","archived":false,"fork":false,"pushed_at":"2025-03-07T13:26:44.000Z","size":1806,"stargazers_count":7,"open_issues_count":0,"forks_count":7,"subscribers_count":8,"default_branch":"main","last_synced_at":"2025-03-27T05:51:11.039Z","etag":null,"topics":["angular","luigi","sample","sample-code","sapui5","ui5"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SAP-samples.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":"2020-10-20T16:27:33.000Z","updated_at":"2025-03-07T13:26:48.000Z","dependencies_parsed_at":"2024-11-15T16:41:55.671Z","dependency_job_id":null,"html_url":"https://github.com/SAP-samples/luigi-micro-frontend-application","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/SAP-samples%2Fluigi-micro-frontend-application","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SAP-samples%2Fluigi-micro-frontend-application/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SAP-samples%2Fluigi-micro-frontend-application/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SAP-samples%2Fluigi-micro-frontend-application/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SAP-samples","download_url":"https://codeload.github.com/SAP-samples/luigi-micro-frontend-application/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248732509,"owners_count":21152851,"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":["angular","luigi","sample","sample-code","sapui5","ui5"],"created_at":"2024-11-15T16:26:53.159Z","updated_at":"2025-04-13T14:52:55.262Z","avatar_url":"https://github.com/SAP-samples.png","language":"JavaScript","readme":"# Luigi Micro Frontend Application Tutorial\n\n[![REUSE status](https://api.reuse.software/badge/github.com/SAP-samples/luigi-micro-frontend-application)](https://api.reuse.software/info/github.com/SAP-samples/luigi-micro-frontend-application)\n\n## Description\n\nThis repository contains the source code of a tutorial on how to create a micro frontend application with [Luigi](https://luigi-project.io). The tutorial shows how to create a simple online shopping application. The main application uses React, while the micro frontend is developed with SAP UI5. Luigi brings the two together and allows you to create a consistent user interface, while also configuring additional features. One such feature is localization for displaying the site in German or English.\n\n### Resources\n\n- [Luigi documentation](https://docs.luigi-project.io)\n- [Luigi Fiddle](https://fiddle.luigi-project.io)\n- [Youtube](https://www.youtube.com/channel/UC5WsYsHapDlg2K3iXS4n4AQ/about)\n- [GitHub](https://github.com/SAP/luigi)\n- [Twitter](https://twitter.com/luigiprojectio?lang=en)\n\n## Requirements\n\nThis project uses `npm`, so you need to have [Node.js](https://nodejs.org/en/) installed.\n\n## Download and installation\n\nThe tutorial includes step-by-step instructions on how to create this application from scratch and can be found on [developers.sap.com](https://developers.sap.com).\n\nAlternatively, you may download the application directly by clicking on \"Clone or download\". Then, navigate to to `react-core-mf` and use these commands to run the app locally:\n1. ```shell\n    npm install\n    ```\n2. ```shell\n    npm start\n    ```\nIn a new terminal window, open the `ui5-mf` folder which contains the micro frontend for the core app you ran previously. Use these commands to run `ui5-mf`: \n1. ```shell\n    npm install\n    ```\n2. ```shell\n    npm start\n    ```\n3. Refresh the page of the core app.\n\n## Known issues\n\nThere are no known issues currently.\n\n## How to obtain support\n\nCreate an issue in this repository or contact the Luigi team on our [Slack](https://slack.luigi-project.io) channel.\n\n## Contributing\n\nTo contribute to this project or Luigi itself, first read our [contribution guidelines](https://github.com/SAP/luigi/blob/main/CONTRIBUTING.md).\n\n## License\n\nCopyright (c) 2020 SAP SE or an SAP affiliate company. All rights reserved. This project is licensed under the Apache Software License, version 2.0 except as noted otherwise in the [LICENSE](LICENSES/Apache-2.0.txt) file.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsap-samples%2Fluigi-micro-frontend-application","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsap-samples%2Fluigi-micro-frontend-application","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsap-samples%2Fluigi-micro-frontend-application/lists"}