MacroZone - React Native Crash Course

A macro tracking app built with React Native and Expo as part of the React Native Crash Course on YouTube by Traversy Media. Track your daily meals and monitor your macros (calories, protein, carbs, fat) with a clean, modern UI.

📝 Following along with the course? Check out the STEPS.md file for the complete step-by-step guide with all the code for each section. The drawing from the video is also in this repo.

Features

• Add meals with calorie and macro information
• Track daily totals for calories, protein, carbs, and fat
• View all meals or recent meals on the home screen
• Share and copy meal data
• Haptic feedback for interactions
• Daily reminder notifications (iOS)
• Data persistence with AsyncStorage
• Tab-based navigation with a modern UI

Tech Stack

• React Native with Expo (SDK 55)
• Expo Router (file-based routing)
• AsyncStorage for local data persistence
• Expo Notifications for reminders
• Expo Haptics for tactile feedback
• TypeScript

Getting Started

Prerequisites

• Node.js (LTS)
• Expo Go app on your phone, or an Android/iOS emulator

Installation

git clone https://github.com/bradtraversy/macrozone.git
cd macrozone
npm install

Run the App

npx expo start

Scan the QR code with Expo Go (Android) or the Camera app (iOS) to run on your device.

Course Steps

The full step-by-step guide with all the code for the crash course is available in the STEPS.md file.

License

MIT