Here is a blank template for ReactGenie. You can started your first ReactGenie App Here.
-
Change the application name in
app.config.jsandpackage.json. -
Creat your own GenieClass in
geniefolder Here we give out two template for DataClass and HelperClass Try to replace them with your own classes. -
Creat your own GUI or components in
srcfolder Import your GUI intoApp.tsxand it should be loaded inModalityProvider. -
Modify
store.tsto finish initialization. You can also renamestroe.tsto whatever you want, but don't forget to import it inApp.tsx -
Update your own API Keys for Azure and Open AI. Put your credentials into the
.envfile, see.env.examplefor reference. -
Run Project
npm install && npx expo start --webCheck the version of modules andreactgenie-lib. If there is something wrong, you can delete thenode_modulesfolder 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