Build a React Native Talking AI app from scratch in 2 hours

Name: Build a React Native Talking AI app from scratch in 2 hours
Rating: 4.9 (4 reviews)

Learn how to build a context aware talking AI app from scratch

Created byFarsab Nazir Butt

Last updated 8/2024

English

What you'll learn

Learn to build AI mobile applications from scratch
Learn how to visualize complex projects to reduce overall complexity
Learn how to have an application shipping mindset
Learn how to implement clean and simple, easily maintainable code with best practices

Course content

3 sections • 16 lectures • 1h 31m total length

Setup Project0:37
Folder Structure1:34
Development Environment2:44
Set up the development environment by launching Android Studio, starting the emulator, and running npm start; edit the home screen in index.ts and observe live reload.
Layouts2:23
Understand layouts sharing headers and footers across screens in React Native. Create a two-tab layout with home and explorer screens, using underscore-prefixed layout files and tab names that match screens.
Screens3:09
Add a hello world screen in two-screen React Native app by creating hello.ts under app/tabs, rendering hello world text, and updating the tab icon to a bookmark from Expo icons.

Implement Voice Recording5:23
Implement voice recording in a React Native app by adding a Pressable start and stop button, requesting microphone permissions, configuring audio mode, and playing back the recorded URI.
Upload Recorded Audio10:42
Upload recorded audio from a React Native app to a Firebase cloud function via an HTTP endpoint, and convert it to text with the Google Speech to Text API.
Voice Audio to Text9:33
Save the uploaded audio to Firebase storage, then convert it to text with Google's speech to text API and return the converted text from the Firebase function.
Prompt OpenAI using API6:12
Convert audio to text, save it to Firestore, and prompt the OpenAI API to generate a reply, then store the bot response back in the conversations collection.
Text to Voice Audio4:34
Convert the OpenAI text reply to speech by calling the Google text to speech API from a Firebase function, then save the audio to Firebase storage.
Automatically Playback the Audio11:46
Automate audio playback by listening to Firebase storage uploads and Firestore updates; when the OpenAI audio file uploads and its signed URL is written, play it on the device.
Implement AI Conversation Context Awareness6:53
Build a context-aware talking AI by retrieving the last ten conversations from Firestore and injecting them as context into OpenAI prompts. Implement and test this flow to improve follow-up replies.
Implement AI Settings19:00
Create a settings screen to configure the AI name and AI voice (male, female, or neutral) and extend the main prompt, with Firestore-backed persistence and real-time UI synchronization.
Improve Home Screen User Interface2:14
Improve the home screen user interface by adding a reset button, showing stop and reset only during recording, and including blinking status text with a robot svg.
Conclusion0:25
Celebrate completing the course, reflecting on building a React Native talking AI app, and encourage adding features or applying these skills to other projects.

Requirements

Basic knowledge of programming
Basic knowledge of ReactJS

Description

Welcome to "Build a Talking AI App from Scratch (Crash Course)!" This hands-on course is meticulously designed to guide you through the entire journey of developing a sophisticated talking AI application that understands and responds to user interactions contextually. Leveraging the powerful combination of React Native, Firebase, and TypeScript, you will build a fully functional AI app from the ground up.

Throughout this course, you will learn React Native, learning how to set up your project with Expo, organize your project structure, and create dynamic layouts and screens. You will master Firebase setup to handle essential backend services, including firebase cloud functions, ensuring your app is robust.

The core of this course focuses on building the AI capabilities of your app. You will implement voice recording features to capture user queries, upload audio to Firebase cloud functions, and transform the recorded audio into text. You will then integrate OpenAI’s API to generate intelligent responses, convert these text responses back into audio, and play them on the user's device, creating a seamless conversational experience.

Additionally, you will learn how to manage conversation context to make your AI app capable of holding meaningful and contextually relevant conversations.

By the end of this course, you will possess the skills to build a context-aware talking AI application, equipping you with practical knowledge in voice processing, cloud integration, and AI response generation.

This course is ideal for software developers, AI enthusiasts, and tech-savvy individuals looking to enhance their skill set and build innovative AI applications.

Enroll now and embark on this exciting journey to create your own context-aware AI app. Explore our free previews to get a taste of the transformative skills and knowledge you'll gain. Let's build the future AI together!

Who this course is for:

Beginner, intermediate or expert developers looking to learn how to build AI application from scratch

Build a React Native Talking AI app from scratch in 2 hours

What you'll learn

Explore related topics

Course content

React Native Project5 lectures • 10min

Firebase1 lecture • 5min

Building the AI app10 lectures • 1hr 17min

Requirements

Description

Who this course is for: