If you complete the course successfully, your electronic Course Certificate will be added to your Accomplishments page - from there, you can print your Course Certificate or add it to your LinkedIn profile.

This course is currently available only to learners who have paid or received financial aid, when available.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

ChatGPT Voice-Powered Chatbot Build with React and FastAPI

3 days left! Get €60 in savings and build skills with Coursera Plus. Save 40% for 3 months.

ChatGPT Voice-Powered Chatbot Build with React and FastAPI

Instructor: Packt - Course Instructors

Included with Learn more

6 modules

Gain insight into a topic and learn the fundamentals.

Intermediate level

Recommended experience

8 hours to complete

Flexible schedule

Learn at your own pace

6 modules

Gain insight into a topic and learn the fundamentals.

Intermediate level

Recommended experience

8 hours to complete

Flexible schedule

Learn at your own pace

What you'll learn

Identify and recall the essential steps for setting up FastAPI and React.
Break down the process of converting speech to text and its application in a chatbot.
Integrate ChatGPT and Eleven Labs AI into your applications.
Develop and style a responsive frontend interface, and enhance chatbot functionality with advanced prompt engineering.

Skills you'll gain

Tools you'll learn

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

8 assignments

Taught in English

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

There are 6 modules in this course

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.

In this module, we will introduce you to the course, outlining what you can expect to learn and achieve. You will get to know your instructor, understand the overall structure and flow of the course, and become familiar with the resources and tools we will use throughout the journey.

What's included

10 videos1 reading1 assignment

10 videosTotal 33 minutes

Course Introduction3 minutes
What We Are Building4 minutes
About Your Instructor1 minute
Course Structure3 minutes
Expectation versus Reality4 minutes
Tech Stack - Backend4 minutes
Tech Stack - Frontend6 minutes
Tech Stack - Styling4 minutes
Resource Instructions1 minute
Warning: OpenAI API Occasional Delay1 minute

1 readingTotal 10 minutes

Full Course Resources10 minutes

1 assignmentTotal 15 minutes

Introduction and Resources Assessment15 minutes

In this module, we will dive into the essentials of React development. You will learn to set up a new project, create and style components, and handle state management and side effects using hooks. This crash course will provide a solid foundation for building interactive and responsive web applications with React.

What's included

13 videos1 assignment

13 videosTotal 92 minutes

Create React App with Vite5 minutes
Install Tailwind4 minutes
What We Are Building4 minutes
Your First Component4 minutes
What Just Happened4 minutes
Styling Our First Button8 minutes
Running a Parent Function From a Child (Passing Props)13 minutes
Monitor State and Handle Side Effects with useEffect5 minutes
BetBox Structuring10 minutes
Adding BetButton Functionality16 minutes
Send Axios Fetch Request8 minutes
Final Updates and Finishing Touches9 minutes
React Learning Next Steps2 minutes

1 assignmentTotal 15 minutes

Extra: (Optional) - React Crash Course Assessment15 minutes

In this module, we will prepare our development environment for both frontend and backend. You will learn to install and configure essential tools and plugins, organize your project files effectively, and ensure you have the correct versions of Python and Node. Additionally, you will set up environment variables to manage sensitive data securely.

What's included

7 videos1 reading1 assignment

7 videosTotal 34 minutes

VS Code Recommendation and Plugins4 minutes
Folder Setup3 minutes
Python and Node Version Installation Checks5 minutes
FastAPI Python Backend Preparation and Package Installations8 minutes
React Frontend Preparation and Package Installations4 minutes
Tailwind CSS Integration7 minutes
Setting Up Environment Variables3 minutes

1 readingTotal 10 minutes

API Keys10 minutes

1 assignmentTotal 15 minutes

Environment Setup - Frontend and Backend Assessment15 minutes

In this module, we will focus on building the backend of our chatbot application. You will learn to set up and initialize the backend server, create endpoints for voice and chatbot interactions, and integrate AI technologies to enable voice-to-text conversion and generate human-like responses. We will also explore prompt engineering techniques for improving chatbot interactions.

What's included

10 videos1 assignment

10 videosTotal 76 minutes

Backend Initialization with Imports and CORS8 minutes
About Docs and Endpoints5 minutes
Record Voice Snippet2 minutes
Convert Voice to Text with Whisper10 minutes
Prompt Engineering ChatGPT13 minutes
Receiving ChatGPT Response9 minutes
Store and Reset Message Data8 minutes
Eleven Labs API Docs Walkthrough4 minutes
Giving Rachel a Human Sounding Voice11 minutes
Frontend Preparation and Troubleshooting Discussion7 minutes

1 assignmentTotal 15 minutes

Backend Build - Working with AI Assessment15 minutes

In this module, we will develop the frontend of our chatbot application using React. You will learn to structure and implement various components, including those for audio recording and playback. Additionally, you will integrate the backend features, such as voice recognition and chatbot responses, to create a seamless user experience.

What's included

10 videos1 assignment

10 videosTotal 71 minutes

Structuring Controller Component8 minutes
Title Component - Part I (Reset Function)10 minutes
Title Component - Part II (Render Completion)7 minutes
Controller Recorder Container4 minutes
Adding Audio Recording Functionality9 minutes
Animating a Record Icon5 minutes
Playing Back Audio and Blob Encoding8 minutes
Hello Rachel9 minutes
Full User Interaction and Tweaking11 minutes
Making Production Ready2 minutes

1 assignmentTotal 15 minutes

Frontend - React Web Application Assessment15 minutes

In this module, we will discuss the future directions and enhancements for your AI voice assistant. You will learn advanced techniques for improving chatbot interactions, explore different use cases and industries where your application can be applied, and identify next steps to continue developing and refining your project.

What's included

2 videos3 assignments

Instructor

Packt - Course Instructors

Packt

2,272 Courses691,628 learners

Offered by

Packt

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Break down barriers to learning with big savings
Get Coursera Plus
Start with easy savings for hard-working teams
Save 30% today

Frequently asked questions

Yes, you can preview the first video and view the syllabus before you enroll. You must purchase the course to access content not included in the preview.

If you decide to enroll in the course before the session start date, you will have access to all of the lecture videos and readings for the course. You’ll be able to submit assignments once the session starts.

Once you enroll and your session begins, you will have access to all videos and other resources, including reading items and the course discussion forum. You’ll be able to view and submit practice assessments, and complete required graded assignments to earn a grade and a Course Certificate.