Build a 3D AI Teacher w/ Next.js, ChatGPT & Azure

Let's learn how to make an AI Language Teacher with Next.js, React Three Fiber, Microsoft Azure Speech SDK, Chat GPT, and custom 3D models made by Fiverr Creators.

Fiverr

https://go.fiverr.com/visit/?bta=928411&brand=fiverrcpa

Use my promo code WAWASENSEI to get 10% off at the checkout process

3D Character Designers:

Beeapoo https://go.fiverr.com/visit/?bta=928411&brand=fiverrcpa&landingPage=https://www.fiverr.com/beeapo/create-3d-model-character-and-avatar-for-animation-and-games

Sahasub https://go.fiverr.com/visit/?bta=928411&brand=fiverrcpa&landingPage=https://www.fiverr.com/mazata/low-poly-model-for-3d-printing-and-more

3D Classroom Designers:

Remigiusz

https://go.fiverr.com/visit/?bta=928411&brand=fiverrcpa&landingPage=https://www.fiverr.com/revi_3d/create-realistic-or-low-poly-3d-scene-on-your-needs

Adityia

https://go.fiverr.com/visit/?bta=928411&brand=fiverrcpa&landingPage=https://www.fiverr.com/artramp3d/create-various-3d-models-for-you

Deploy the project on Elestio

https://elest.io/

🚀 Learn React Three Fiber with my complete course ✨

https://lessons.wawasensei.dev/courses/react-three-fiber/

Final code 🔗

https://github.com/wass08/r3f-ai-language-teacher

OpenAI API Key

https://platform.openai.com/signup

NextJS Getting Started

https://nextjs.org/docs/getting-started/installation

Azure API Key

https://azure.microsoft.com/en-us/free

Azure Speech SDK

https://learn.microsoft.com/en-us/azure/ai-services/speech-service/quickstarts/setup-platform?pivots=programming-language-javascript&tabs=macos,ubuntu,dotnetcli,dotnet,jre,maven,nodejs,mac,pypi

Virtual Girlfriend Tutorial

https://www.youtube.com/watch?v=EzzcEL_1o9o

Mixamo Animations

https://www.mixamo.com/

Need help with this tutorial? Join our Discord community!