Here is a blank template for ReactGenie. You can started your first ReactGenie App Here.

1. Change the application name in app.config.js and package.json.

2. Creat your own GenieClass in genie folder Here we give out two template for DataClass and HelperClass Try to replace them with your own classes.

3. Creat your own GUI or components in src folder Import your GUI into App.tsx and it should be loaded in ModalityProvider.

4. Modify store.ts to finish initialization. You can also rename stroe.ts to whatever you want, but don't forget to import it in App.tsx

5. Update your own API Keys for Azure and Open AI. Put your credentials into the .env file, see .env.example for reference.

6. Run Project npm install && npx expo start --web Check the version of modules and reactgenie-lib. If there is something wrong, you can delete the node_modules folder and run it again.

For more information, please see ReactGenie: https://github.com/StanfordHCI/ReactGenie ReactGenieDSL: https://github.com/StanfordHCI/ReactGenieDSL MutilReactFoodOrdering(demo): https://github.com/StanfordHCI/MultiReactFoodOrdering