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

Опубликовано: 27 Февраль 2026
на канале: Aleks Popovic
11,894
287

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