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/goog...
📑 Asset Bundle: https://assets.notjust.dev/translate
✅ Guide: https://notjust.notion.site/Build-an-...
💻 Source Code: https://github.com/notJust-dev/Google...
💃 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-...
📚 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/masterclas...
💡 Have an idea for a future tutorial? Share it on our Idea Board: https://github.com/orgs/notJust-dev/d...
💬 Join the notJust Development gang and let's build together:
Twitter: / vadimnotjustdev
Instagram: / vadimnotjustdev
Facebook: / notjustdev
LinkedIn: / vadimsavin
Discord: / discord
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
Watch video Building a Google Translate Clone with React Native and Expo online without registration, duration hours minute second in high quality. This video was added by user notJust․dev 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 13,406 once and liked it 174 people.