Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Building a Meditation App with React Native and Expo Router

via freeCodeCamp

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course guides learners through building a meditation app with React Native and Expo Router. It covers environment setup, NativeWind, screens, navigation, lists, audio, React Context, and modal presentation.

Syllabus

⌨️ Simple Meditation App Expo React Native
⌨️ GitHub Repository Info
⌨️ Upcoming Courses
⌨️ Social Media and FitFuelPlanner
⌨️ Setup Local Development Environment
⌨️ Add static assets and define constant files
⌨️ Setup NativeWind
⌨️ Implement Initial Screen
⌨️ Splash Screen Image
⌨️ The useRouterHook
⌨️ Add AppGradient Component and Tabs directory
⌨️ The Meditation Index Screen
⌨️ Use FlatList on the Meditation Index Screen
⌨️ The Affirmations Index Screen
⌨️ The Affirmations Detail Screen
⌨️ The Meditation Detail Screen
⌨️ Meditation Audio/Song
⌨️ React Context and Modal Screen

Taught by

freeCodeCamp.org

Reviews

Start your review of Building a Meditation App with React Native and Expo Router

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.