React Native for beginners - Building a Google Translate Clone with React Native and Expo

🟣 Tiiny.host: The simplest way to host & share your web project. Save 10% with code "notjustdev": https://bit.ly/3y03Vak In this tutorial, we will be building an AI-powered Google Translate clone using React Native and Expo. You'll learn to integrate OpenAI for text translations, speech-to-text, and text-to-speech functionalities. Let's get building 🚀 *📝 Project Page:* https://www.notjust.dev/projects/googletranslate *📑 Asset Bundle:* https://assets.notjust.dev/translate *✅ Guide:* https://notjust.notion.site/Build-an-AI-Google-Translate-b02efa8c822144f6b0e666f2da9b7df6 *💻 Source Code:* https://github.com/notJust-dev/GoogleTranslate *💃 Demo:* https://translate-demo.tiiny.site/ ⚛️ *React Native Mastery* is the *ONLY* course you need to Master mobile development with React Native & Expo 🚀 *Join the waitlist now:* https://www.notjust.dev/react-native-mastery 📚 This video includes a lot of tools and technologies, providing an excellent opportunity to learn about: - Setup React Native project with Expo - Implement text translation with OpenAI GPT-4 - Add speech-to-text using AI - Add text-to-speech using AI - and so much more... ❗Try our *FREE* 2-day Masterclass on notJust.Academy: https://assets.notjust.dev/masterclass/?utm_source=youtube&utm_medium=livestream&utm_content=26jul24 💡 Have an idea for a future tutorial? Share it on our Idea Board: https://github.com/orgs/notJust-dev/discussions *💬 Join the notJust Development gang and let's build together:* Twitter: https://twitter.com/VadimNotJustDev Instagram: https://www.instagram.com/VadimNotJustDev Facebook: https://www.facebook.com/notjustdev LinkedIn: https://www.linkedin.com/in/vadimsavin Discord: https://discord.gg/VpURUN2 Timecodes: 0:00 Intro and Project Overview 6:57 Getting Started: Project Initialisation 18:30 Building the User Interface 40:48 Keeping track of State 50:12 Adding the Translate Functionality 1:48:08 Text to Speech Feature 2:04:33 Speech to Text Feature 2:27:11 Cleaning up and Refactoring the App 2:57:32 Fixing Supabase Web and Web Styles 3:12:48 Handling CORS (Cross-Origin Resource Sharing) 3:17:37 Fixing Web Audio Recording 3:27:51 Language Selector Feature 3:42:43 Hosting the App on the Web Disclaimer: This build is for educational purposes only. All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity I have been, am now, or will be affiliated with. #notjustdev #googletranslate #reactnative