Chatgpt Ai Voice Chatbot Build With React And Fast Api Combo

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

Requirements

Must have done some basic programming in Javascript, Python, HTML and CSS.

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 APIHow to integrate React and FastAPI to build efficient and robust full-stack applicationsHow 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 modelsWe are truly excited to see what you develop, so make sure you share your application with the world.See you in class!Shaun

Overview

Section 1: Introduction and Resources

Lecture 1 What We Are Building

Lecture 2 About Your Instructor

Lecture 3 Course Structure

Lecture 4 Expectation vs Reality

Lecture 5 Tech Stack - Backend

Lecture 6 Tech Stack - Frontend

Lecture 7 Tech Stack - Styling

Lecture 8 CODE Package Resources

Lecture 9 Resource Instructions

Section 2: Extra: (OPTIONAL) - React Crash Course

Lecture 10 MUST READ

Lecture 11 Create React App with Vite

Lecture 12 Install Tailwind

Lecture 13 What We Are Building

Lecture 14 Your First Component

Lecture 15 What Just Happened

Lecture 16 Optional Reading - More On Technical Behind the Scenes

Lecture 17 Styling Our First Button

Lecture 18 Running a Parent Function From a Child (Passing Props)

Lecture 19 Monitor State and Handle Side Effects with useEffect

Lecture 20 BetBox Structuring

Lecture 21 Adding BetButton Functionality

Lecture 22 Random Org URL

Lecture 23 Send Axios Fetch Request

Lecture 24 Final Updates and Finishing Touches

Lecture 25 React Learning Next Steps

Section 3: Environment Setup - Frontend and Backend

Lecture 26 VS Code Recommendation and Plugins

Lecture 27 Folder Setup

Lecture 28 Python and Node Version Installation Checks

Lecture 29 FastAPI Python Backend Preparation and Package Installations

Lecture 30 Frontend JSON Script

Lecture 31 React Frontend Preparation and Package Installations

Lecture 32 Tailwind CSS Integration

Lecture 33 API Keys

Lecture 34 Setting Up Environment Variables

Section 4: Backend Build - Working with AI

Lecture 35 Important Note - Google Chrome

Lecture 36 Backend Initialisation with Imports and CORS

Lecture 37 About Docs and Endpoints

Lecture 38 Record Voice Snippet

Lecture 39 Convert Voice to Text with Whisper

Lecture 40 Prompt Engineering ChatGPT

Lecture 41 Receiving ChatGPT Response

Lecture 42 Store and Reset Message Data

Lecture 43 Eleven Labs API Docs Walkthrough

Lecture 44 Giving Rachel a Human Sounding Voice

Lecture 45 Frontend Preparation and Troubleshooting Discussion

Section 5: Frontend - React Web Application

Lecture 46 Important - Please Read

Lecture 47 Structuring Controller Component

Lecture 48 Title Component - Part I (Reset Function)

Lecture 49 Title Component - Part II (Render Completion)

Lecture 50 Controller Recorder Container

Lecture 51 Adding Audio Recording Functionality

Lecture 52 Animating a Record Icon

Lecture 53 Playing Back Audio and Blob Encoding

Lecture 54 Hello Rachel

Lecture 55 Full User Interaction and Tweaking

Lecture 56 Making Production Ready

Section 6: Next Steps

Lecture 57 Further Prompt Engineering and Use Cases

Lecture 58 Discord and Links

Lecture 59 Next Steps

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