React-native toolkit with a suite of UI components for building content-heavy mobile apps.
Перейти к файлу
Prateek Chanda fdb05c6382
Merge branch 'main' into prateek/update-main-docs-readme
2021-08-05 22:09:20 +05:30
.github/workflows Revert "add sahay framework visualization (#20)" (#21) 2021-07-31 21:21:54 +05:30
Sahay Revert "add sahay framework visualization (#20)" (#21) 2021-07-31 21:21:54 +05:30
Screenshots Main readme v2 2021-08-05 18:16:01 +05:30
CODE_OF_CONDUCT.md Initial CODE_OF_CONDUCT.md commit 2020-09-22 01:09:44 -07:00
LICENSE Revert "add sahay framework visualization (#20)" (#21) 2021-07-31 21:21:54 +05:30
README.md Merge branch 'main' into prateek/update-main-docs-readme 2021-08-05 22:09:20 +05:30
SAHAY_POSTER.pdf Main readme v2 2021-08-05 18:16:01 +05:30
SECURITY.md Initial SECURITY.md commit 2020-09-22 01:09:47 -07:00

README.md

Sahay App Toolkit

A react-native framework that provides a suite of UI Components that can help you setup any content related application.

Sahay Poster


Motivation

Content 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


API Functionality

How to build your own App ?

git clone https://github.com/microsoft/sahay-app-toolkit.git
cd Sahay
npm install

Next if you want to create your own component of type say multichoice component

export const customMultiChoice = () : ReactElement => {

    return(
        <SahayFrameWork data={yourContent} themeColor={yourPreferedColor} type={componentTypes.MULTI_CHOICE_COMPONENT}/>
        )

}

If you want this to be under your Navigation, simply click on AppNavigator and add the corresponding scene



  <Scene
    key={NavigationScenes.YOUR_MULTICHOICE_COMPONENT}
    component={SahayFramework}
    title="Your Component Name"
    />

and add this in your AppNavigator.types


export enum NavigationScenes {
 YOUR_MULTICHOICE_COMPONENT = 'MultiChoiceComponentName'
}


Sahay visualization Framework

Along 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.


Examples

A sample application for enabling users with English speaking skills using the Sahay app framework

Dependencies

All Libraries used are majorly from the react-native-community umbrella and holds corresponding license information under MIT License. For a complete updated list of libraries being used, check package.json

Contributing

This project welcomes contributions and suggestions. Most contributions require you to agree to a Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us the rights to use your contribution. For details, visit https://cla.opensource.microsoft.com.

When you submit a pull request, a CLA bot will automatically determine whether you need to provide a CLA and decorate the PR appropriately (e.g., status check, comment). Simply follow the instructions provided by the bot. You will only need to do this once across all repos using our CLA.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.