ChatGPT AI Voice Chatbot Build with React and FAST API Combo

Focused View

Shaun McDonogh

5:14:45

256 View

1. Introduction and Resources

1. What We Are Building.mp4

03:52

2. About Your Instructor.mp4

01:25

3. Course Structure.mp4

03:20

4. Expectation vs Reality.mp4

04:46

5. Tech Stack - Backend.mp4

03:59

6. Tech Stack - Frontend.mp4

06:07

7. Tech Stack - Styling.mp4

03:52

8. CODE Package Resources.html

9. Resource Instructions.mp4

02:35

2. Extra (OPTIONAL) - React Crash Course

1. MUST READ.html

2. Test Your Javascript Knowledge.html

3. Create React App with Vite.mp4

05:04

4. Install Tailwind.mp4

04:02

5. What We Are Building.mp4

03:39

6. Your First Component.mp4

03:52

7. What Just Happened.mp4

04:08

8. Optional Reading - More On Technical Behind the Scenes.html

9. Styling Our First Button.mp4

07:32

10. Running a Parent Function From a Child (Passing Props).mp4

13:04

11. Monitor State and Handle Side Effects with useEffect.mp4

05:02

12. BetBox Structuring.mp4

10:02

13. Adding BetButton Functionality.mp4

15:37

14. Random Org URL.html

15. Send Axios Fetch Request.mp4

08:16

16. Final Updates and Finishing Touches.mp4

08:59

17. React Learning Next Steps.mp4

01:30

3. Environment Setup - Frontend and Backend

1. VS Code Recommendation and Plugins.mp4

03:28

2. Folder Setup.mp4

02:27

3. Python and Node Version Installation Checks.mp4

04:57

4. FastAPI Python Backend Preparation and Package Installations.mp4

08:25

5.1 package.zip

5. Frontend JSON Script.html

6. React Frontend Preparation and Package Installations.mp4

04:19

7. Tailwind CSS Integration.mp4

06:43

8. API Keys.html

9. Setting Up Environment Variables.mp4

02:50

4. Backend Build - Working with AI

1. Important Note - Google Chrome.html

2. Backend Initialisation with Imports and CORS.mp4

07:31

3. About Docs and Endpoints.mp4

04:53

4. Record Voice Snippet.mp4

01:37

5. Convert Voice to Text with Whisper.mp4

10:05

6. Prompt Engineering ChatGPT.mp4

13:15

7. Receiving ChatGPT Response.mp4

08:47

8. Store and Reset Message Data.mp4

07:32

9. Eleven Labs API Docs Walkthrough.mp4

03:48

10. Giving Rachel a Human Sounding Voice.mp4

11:24

11. Frontend Preparation and Troubleshooting Discussion.mp4

06:47

5. Frontend - React Web Application

1. Important - Please Read.html

2. Structuring Controller Component.mp4

07:54

3. Title Component - Part I (Reset Function).mp4

09:37

4. Title Component - Part II (Render Completion).mp4

06:28

5. Controller Recorder Container.mp4

03:26

6. Adding Audio Recording Functionality.mp4

08:39

7. Animating a Record Icon.mp4

04:33

8. Playing Back Audio and Blob Encoding.mp4

08:23

9. Hello Rachel.mp4

08:28

10. Full User Interaction and Tweaking.mp4

11:04

11. Making Production Ready.mp4

01:47

6. Next Steps

1. Further Prompt Engineering and Use Cases.mp4

05:52

2. Discord and Links.html

3. Next Steps.mp4

09:03

Description

Develop a Human Sounding Voice Assistant or Sales Chatbot That Speaks ANY Language Featuring Eleven Labs and ChatGPT AI

What You'll Learn?

Develop a realistic human sounding chatbot who can take on almost any task
Integrate ChatGPT and Eleven Labs AI into any application
Develop a diverse chatbots with voice, interviewers, sales people, Spanish teachers
Understand how full stack applications with a frontend and backend can work
Get familiar with React and FastAPI technologies
Interact with AI real-time in a fun and exciting way
Understand prompt engineering and the ease of integration into chatbots

Who is this for?

Beginner developer and AI enthusiasts who want to build valuable applications to bring to themselves or to the marketplace.

SAAS developers who want to monetise on the booming trend of AI

More details

Description
Develop a human-like voice assistant with ChatGPT and Eleven Labs to make one of the most advanced Chatbots today so that you can prove that not only will coders survive the AIÂ transition happening right now, but that they will thrive.
With just some basic knowledge on python and javascript, you are going to build Rachel Chat, a chatbot which uses the power of ChatGPT for conversation, whether it be for sales, teaching you Spanish (or any language), talking about sci-fi movies - whatever your interest and application is.
Companies are looking for developers who can build such tools and SAASÂ startups have a window to be first. If you are curious as to how you can connect new AIÂ technologies to change the world then THISÂ is the course for you.
You will learn:

How to work with the Open AIÂ API and Eleven Labs API
How to integrate React and FastAPI to build efficient and robust full-stack applications
How to build a voice assistant that actually sounds human (you can even use your own voice)
How to perform prompt engineering so that you can truly leverage and customise the power of AI large language models

We are truly excited to see what you develop, so make sure you share your application with the world.

See you in class!
Shaun
Who this course is for:
Beginner developer and AI enthusiasts who want to build valuable applications to bring to themselves or to the marketplace.
SAAS developers who want to monetise on the booming trend of AI

User Reviews

Rating

average 0

Total votes0

Focused display

"I care about having an idea that is unusual, finding hidden gems and exposing them for those who have left the world of hype and are looking for something more real. Rinse and repeat. My teaching is an outlet for myself to put ideas into action, helping others effectively along the way and sharing for those without the same level of experience. I keep falling into other ventures, but am always happiest and most content when returning back to the teaching initiatives."

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.