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
Смотрите видео Building a Google Translate Clone with React Native and Expo онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь notJust․dev 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 13,406 раз и оно понравилось 174 людям.