Building a Meditation App with React Native and Expo Router

Building a Meditation App with React Native and Expo Router

freeCodeCamp.org via freeCodeCamp Direct link

⌨️ The Meditation Index Screen

12 of 18

12 of 18

⌨️ The Meditation Index Screen

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Building a Meditation App with React Native and Expo Router

Automatically move to the next video in the Classroom when playback concludes

  1. 1 ⌨️ Simple Meditation App Expo React Native
  2. 2 ⌨️ GitHub Repository Info
  3. 3 ⌨️ Upcoming Courses
  4. 4 ⌨️ Social Media and FitFuelPlanner
  5. 5 ⌨️ Setup Local Development Environment
  6. 6 ⌨️ Add static assets and define constant files
  7. 7 ⌨️ Setup NativeWind
  8. 8 ⌨️ Implement Initial Screen
  9. 9 ⌨️ Splash Screen Image
  10. 10 ⌨️ The useRouterHook
  11. 11 ⌨️ Add AppGradient Component and Tabs directory
  12. 12 ⌨️ The Meditation Index Screen
  13. 13 ⌨️ Use FlatList on the Meditation Index Screen
  14. 14 ⌨️ The Affirmations Index Screen
  15. 15 ⌨️ The Affirmations Detail Screen
  16. 16 ⌨️ The Meditation Detail Screen
  17. 17 ⌨️ Meditation Audio/Song
  18. 18 ⌨️ React Context and Modal Screen

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.