Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Building a Google Translate Clone with React Native and Expo

notJust․dev via YouTube

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

Reviews

Start your review of Building a Google Translate Clone with React Native and Expo

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.