TTS & Translate App | Serverless Functions, Google Translate &amp; Web Speech API

My Current Tech Stack

Build & Deploy An AI-Powered Chat App | Vue, Node, TypeScript,  Open AI, Stream &amp; Neon Database

Node.js Crash Course

Learn how to build native mobile apps from scratch with React Native and Expo.

Create your account at https://try.expo.dev/traversy

Project Repo
https://github.com/bradtraversy/macrozone

Steps & Complete Walkthrough:
https://github.com/bradtraversy/macrozone/blob/master/STEPS.md

Timestamps:
0:00 - Intro
1:05 - What Is React Native
4:15 - How It Works
7:53 - What Is Expo?
10:00 - Running In Development
11:30 - Project Resources
13:17 - Expo Account & EAS CLI
15:10 - Generating an App
18:50 - Running On iOS & Web
21:34 - Running On Android
22:40 - Reset Project Script
23:59 - Native Components
26:46 - Platform & Device Info
28:25 - Styling In React Native
30:38 - Screen Stack & Header Title
32:00 - Global Styles
34:10 - Home Header Component
36:03 - Expo Router & Screens
38:05 - Navigation Links
38:58 - Back Button & Hide Headers
40:40 - Add Meal Screen (Challenge)
42:24 - Tabs
46:45 - MacroCard & MacroGrid Components
51:00 - MealItem & RecentMeals Components
53:33 - Add Meal Form
56:12 - AsyncStorage Intro
58:33 - Storage Handler
1:02:17 - Hook Up Form
1:05:12 - Get Meals From Storage
1:08:56 - Update MacroGrid With Storage
1:11:00 - Delete Meals From Storage
1:14:53 - All Meals Screen
1:16:07 - Clear All Meals
1:17:53 - Expo Haptics
1:20:40 - Share API
1:23:27 - Expo Clipboard
1:25:47 - Expo Notifications
1:28:26 - Reminder Toggle Component
1:32:05 - Build With EAS Build

React Native Crash Course 2026 - Build a Complete Mobile App

TTS & Translate App | Serverless Functions, Google Translate & Web Speech API

My Current Tech Stack

Build & Deploy An AI-Powered Chat App | Vue, Node, TypeScript, Open AI, Stream & Neon Database

Node.js Crash Course

React Native Crash Course 2026 - Build a Complete Mobile App

TTS & Translate App | Serverless Functions, Google Translate &amp; Web Speech API

My Current Tech Stack

Build & Deploy An AI-Powered Chat App | Vue, Node, TypeScript, Open AI, Stream &amp; Neon Database

Node.js Crash Course

TTS & Translate App | Serverless Functions, Google Translate & Web Speech API

Build & Deploy An AI-Powered Chat App | Vue, Node, TypeScript, Open AI, Stream & Neon Database