React Siri

Running / Cloning

• git clone https://github.com/domgaulton/speech.git
• cd speech && npm start

Open Source

• Uses create-react-app frame work
• Add your voice input trigger and repsonse suggestion to triggerKeys object config/commandKeys.js
• Set up your command within commandTrigger function in App.js with conditional component formatting
• Add your component to components/ folder with scss file

Current Issues

1. Is the structure of the project correct? Could / Should it be done another way?

• Currently App handles the voice input then runs through a if else to match against pretermined command / trigger keys then updates state to run another function in components list.

2. App.js commandTrigger() function - better to use case?
3. In both components Question and Youtube the componentDidUpdate() function sometimes runs into a loop meaning I have to set an external variable and check against it. This seems illogical

Future Features

• Output / Feedback as a global object
• Move Microphone UI to own function / component
• Use canvas for Microphone input level UI
• Conditional Rendering - https://reactjs.org/docs/conditional-rendering.html