К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
ChatGPT Voice-Powered Chatbot Build with React and FastAPI · LearnSpace
Назад в каталог
courseraПрограммирование

ChatGPT Voice-Powered Chatbot Build with React and FastAPI

Курс от Packt
Средний≈ 9.4 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Updated in May 2025. This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. This course helps you harness ChatGPT to create a lifelike voice assistant or sales chatbot fluent in any language, showcasing Eleven Labs and ChatGPT AI technology. - You’ll set up your development environment, learn web development basics, and create a simple UI. The course dives into backend development, AI integration, and building core chatbot functionality. - You'll integrate ChatGPT for smooth conversational flow, build the frontend with audio capabilities, and explore prompt engineering and use cases. - You'll learn to create realistic chatbots with various personas, implement ChatGPT and Eleven Labs AI, and understand full-stack development with React and FastAPI. By course end, you'll build a fully functional voice assistant or sales chatbot, gaining web development, AI, and tech integration experience. Ideal for developers with JavaScript and React knowledge, the course assumes familiarity with front-end and back-end development, REST APIs, and HTTP requests.

Навыки, которые вы освоите

React.jsAI IntegrationsBack-End Web DevelopmentDevelopment EnvironmentFull-Stack Web DevelopmentCascading Style Sheets (CSS)UI ComponentsLLM ApplicationFront-End Web DevelopmentSoftware Development ToolsApplication Programming Interface (API)OpenAI APIWeb Development

Программа курса

6 модулей · 66 учебных материалов

01Introduction and Resources12 материалов

Introduction and Resources

Course IntroductionВидеоFull Course ResourcesЧтениеWhat We Are BuildingВидеоAbout Your InstructorВидео

Учитесь у экспертов

Packt - Course Instructors

Преподаватель курса

ChatGPT Voice-Powered Chatbot Build with React and FastAPI
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 9.4 ч

6 модулей

Язык: Английский

Субтитры: Арабский, Французский, Итальянский, Бразильский португальский, Корейский, Немецкий, Испанский, Японский, Казахский

Часть программы вашего университета
Course StructureВидео
Expectation versus RealityВидео
Tech Stack - BackendВидео
Tech Stack - FrontendВидео
Tech Stack - StylingВидео
Resource InstructionsВидео
Warning: OpenAI API Occasional DelayВидео
Introduction and Resources AssessmentЗадание
02Extra: (Optional) - React Crash Course15 материалов

Extra: (Optional) - React Crash Course

Create React App with ViteВидеоInstall TailwindВидеоWhat We Are BuildingВидеоYour First ComponentВидеоWhat Just HappenedВидеоStyling Our First ButtonВидеоRunning a Parent Function From a Child (Passing Props)ВидеоMonitor State and Handle Side Effects with useEffectВидеоBetBox StructuringВидеоAdding BetButton FunctionalityВидеоSend Axios Fetch RequestВидеоFinal Updates and Finishing TouchesВидеоReact Learning Next StepsВидеоSetting Up a TypeScript React Development EnvironmentDIALOGUEExtra: (Optional) - React Crash Course AssessmentЗадание
03Environment Setup - Frontend and Backend10 материалов

Environment Setup - Frontend and Backend

VS Code Recommendation and PluginsВидеоFolder SetupВидеоPython and Node Version Installation ChecksВидеоFastAPI Python Backend Preparation and Package InstallationsВидеоReact Frontend Preparation and Package InstallationsВидеоTailwind CSS IntegrationВидеоAPI KeysЧтениеSetting Up Environment VariablesВидеоSetting Up Visual Studio Code for Full Stack DevelopmentDIALOGUEEnvironment Setup - Frontend and Backend AssessmentЗадание
04Backend Build - Working with AI12 материалов

Backend Build - Working with AI

Backend Initialization with Imports and CORSВидеоAbout Docs and EndpointsВидеоRecord Voice SnippetВидеоConvert Voice to Text with WhisperВидеоPrompt Engineering ChatGPTВидеоReceiving ChatGPT ResponseВидеоStore and Reset Message DataВидеоEleven Labs API Docs WalkthroughВидеоGiving Rachel a Human Sounding VoiceВидеоFrontend Preparation and Troubleshooting DiscussionВидеоBuilding a Backend with FastAPI and PythonDIALOGUEBackend Build - Working with AI AssessmentЗадание
05Frontend - React Web Application12 материалов

Frontend - React Web Application

Structuring Controller ComponentВидеоTitle Component - Part I (Reset Function)ВидеоTitle Component - Part II (Render Completion)ВидеоController Recorder ContainerВидеоAdding Audio Recording FunctionalityВидеоAnimating a Record IconВидеоPlaying Back Audio and Blob EncodingВидеоHello RachelВидеоFull User Interaction and TweakingВидеоMaking Production ReadyВидеоBuilding a React Frontend Application with a Controller ComponentDIALOGUEFrontend - React Web Application AssessmentЗадание
06Next Steps5 материалов

Next Steps

Further Prompt Engineering and Use CasesВидеоNext StepsВидеоNext Steps AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание