{"id":18174615,"url":"https://github.com/microsoft/sahay-app-toolkit","last_synced_at":"2025-04-01T16:31:09.495Z","repository":{"id":38851258,"uuid":"297579915","full_name":"microsoft/sahay-app-toolkit","owner":"microsoft","description":"React-native toolkit with a suite of UI components for building content-heavy mobile apps.","archived":false,"fork":false,"pushed_at":"2023-07-19T03:32:02.000Z","size":7531,"stargazers_count":10,"open_issues_count":17,"forks_count":4,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-30T21:39:04.541Z","etag":null,"topics":["app-framework","react-native"],"latest_commit_sha":null,"homepage":"","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/microsoft.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null}},"created_at":"2020-09-22T08:09:30.000Z","updated_at":"2024-02-05T00:24:14.000Z","dependencies_parsed_at":"2023-02-15T04:45:56.645Z","dependency_job_id":null,"html_url":"https://github.com/microsoft/sahay-app-toolkit","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/microsoft%2Fsahay-app-toolkit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/microsoft%2Fsahay-app-toolkit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/microsoft%2Fsahay-app-toolkit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/microsoft%2Fsahay-app-toolkit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/microsoft","download_url":"https://codeload.github.com/microsoft/sahay-app-toolkit/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246623789,"owners_count":20807403,"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":["app-framework","react-native"],"created_at":"2024-11-02T16:06:43.060Z","updated_at":"2025-04-01T16:31:08.845Z","avatar_url":"https://github.com/microsoft.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Sahay App Toolkit\n\nA react-native framework that provides a suite of UI Components that can help you setup any content related application.\n\n\n### [Sahay Poster](SAHAY_POSTER.pdf)\n![](./Screenshots/Sahay_Poster.PNG)\n\n--------------------------------\n\n### Motivation\nContent based apps are prevalent in various domains ranging from fitness based apps, language learning course based applications to mental health or meditation based applications. Sahay *Hindi- meaning enabling/empowering framework* for empoweringdevelopers to build content based applications \n\n--------------------------------\n\n### API Functionality\n\n![](./Screenshots/API.png)\n\n\n#### How to build your own App ?\n\n```\ngit clone https://github.com/microsoft/sahay-app-toolkit.git\ncd Sahay\nnpm install\n```\n\nNext if you want to create your own component of type say multichoice component\n\n```\nexport const customMultiChoice = () : ReactElement =\u003e {\n\n    return(\n        \u003cSahayFrameWork data={yourContent} themeColor={yourPreferedColor} type={componentTypes.MULTI_CHOICE_COMPONENT}/\u003e\n        )\n\n}\n```\n\nIf you want this to be under your Navigation, simply click on [AppNavigator](Sahay/src/AppNavigator) and add the corresponding scene\n\n```\n\n\n  \u003cScene\n    key={NavigationScenes.YOUR_MULTICHOICE_COMPONENT}\n    component={SahayFramework}\n    title=\"Your Component Name\"\n    /\u003e\n\n```\n\nand add this in your [AppNavigator.types](Sahay/src/AppNavigator/AppNavigator.types.ts)\n\n```\n\nexport enum NavigationScenes {\n YOUR_MULTICHOICE_COMPONENT = 'MultiChoiceComponentName'\n}\n\n\n```\n\n### [Sahay visualization Framework](microsoft.github.io/sahay-app-toolkit/customPalette.html)\n\nAlong with this we also share a visualization tool for designers/developers to build app components by simple drag and drop, which can be later integrated with the app.\n\n--------------------------------\n\n\n### Examples \n\n\u003cp float=\"left\"\u003e\n  \u003cimg src=\"/Screenshots/Text_Intro_Component.png\" width=\"220\" /\u003e\n  \u003cimg src=\"/Screenshots/Numbered_List.png\" width=\"220\" /\u003e\n  \u003cimg src=\"/Screenshots/Polar_Question_Component.png\" width=\"220\" /\u003e \n\u003c/p\u003e\n\n*A sample application for enabling users with English speaking skills using the Sahay app framework*\n\n\n\n### Dependencies\n\nAll Libraries used are majorly from the react-native-community umbrella and holds corresponding license information under _MIT License_.\nFor a complete updated list of libraries being used, check [package.json](Sahay/package.json)\n\n### Contributing\n\nThis project welcomes contributions and suggestions. Most contributions require you to agree to a\nContributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us\nthe rights to use your contribution. For details, visit https://cla.opensource.microsoft.com.\n\nWhen you submit a pull request, a CLA bot will automatically determine whether you need to provide\na CLA and decorate the PR appropriately (e.g., status check, comment). Simply follow the instructions\nprovided by the bot. You will only need to do this once across all repos using our CLA.\n\nThis project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/).\nFor more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or\ncontact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmicrosoft%2Fsahay-app-toolkit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmicrosoft%2Fsahay-app-toolkit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmicrosoft%2Fsahay-app-toolkit/lists"}