📱Build an UPS delivery tracking app with React Native and TypeScript.
🚚Work with UPS delivery data using the StepZen GraphQL API.
🔧Use Tailwind CSS to style the app's UI.
🗺️Implement maps in the app using React Native's map component.
👨💻Learn how to use nested navigation in React Native.
What technologies are used in this tutorial?
—This tutorial uses React Native, TypeScript, StepZen, Firebase, and Tailwind CSS.
What is StepZen?
—StepZen is a platform that allows you to create GraphQL APIs from any backend, such as Firebase.
Can I use this tutorial to build other tracking apps?
—Yes, you can apply the knowledge and skills learned in this tutorial to build tracking apps for other delivery services.
Do I need prior experience with React Native?
—Some experience with React Native and TypeScript will be helpful, but the tutorial will guide you through the process.
Where can I find the sample data for this tutorial?
—The sample data for this tutorial can be found in a public GitHub repository linked in the description.
00:02Introduction and excitement for the tutorial.
00:09Introducing the UPS delivery tracking app and its features.
00:41Using StepZen to work with UPS delivery data via GraphQL API.
01:27Exploring the app's user interface and features, including maps and nested navigation.
04:40Introducing StepZen as the sponsor of the tutorial and its dashboard features.
06:59Installing Expo CLI and creating a new React Native app with TypeScript.
08:45Using Tailwind CSS to style the app's UI.
10:00Working with the Firebase real-time database and creating custom hooks.
