Overview
Embark on a comprehensive tutorial to build an AI-powered Google Translate clone using React Native and Expo. Learn to integrate OpenAI for text translations, implement speech-to-text and text-to-speech functionalities, and master mobile development techniques. Set up a React Native project with Expo, implement text translation using OpenAI GPT-4, add AI-powered speech-to-text and text-to-speech features, and explore various tools and technologies. Follow along as the tutorial covers project initialization, user interface building, state management, translation functionality, audio features, app refactoring, web-specific fixes, CORS handling, language selector implementation, and web hosting. Gain practical experience in React Native development while creating a fully functional translation application.
Syllabus
Intro and Project Overview
Getting Started: Project Initialisation
Building the User Interface
Keeping track of State
Adding the Translate Functionality
Text to Speech Feature
Speech to Text Feature
Cleaning up and Refactoring the App
Fixing Supabase Web and Web Styles
Handling CORS Cross-Origin Resource Sharing
Fixing Web Audio Recording
Language Selector Feature
Hosting the App on the Web
Taught by
notJust․dev