Build Voice Controlled Navigation in React using Speech Recognition | React Tutorial

Published: 19 December 2020
on channel: Aleks Popovic

11,988

288

React tutorial on how to build a voice activated navigation menu using voice recognition. We go over how to set up routing in a React app, how to make a simple navigation menu and how to add voice recognition logic to it so you can switch between web pages using voice commands.

See the full project in action on SandBox: https://codesandbox.io/s/voice-naviga...

Find code from this video in my Github repo: https://github.com/alekspopovic/voice...

Find text version of this tutorial on my website: https://aleksandarpopovic.com/Build-V...

Music in the video is from StreamBeats collection by Harris Heller.

Blog: https://aleksandarpopovic.com/blog/
Github: https://github.com/alekspopovic/
Twitter: / alekswritescode
Instagram: / aleks.popovic

Chapters:
0:00 Intro
0:29 Finished App Overview
1:45 Plugins
2:30 Initial Project Setup
3:25 CSS Overview
5:16 Imports
5:59 Browser Router
8:59 Voice Recognition Transcript
9:39 Voice Recognition Commands
10:47 Redirect Url State
11:45 Controlling Voice Recognition
12:40 Redirecting
18:01 Outro

On this page of the site you can watch the video online Build Voice Controlled Navigation in React using Speech Recognition | React Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Aleks Popovic 19 December 2020, share the link with friends and acquaintances, this video has already been watched 11,988 times on youtube and it was liked by 288 viewers. Enjoy your viewing!

519