React Native & Expo Router Course – Build a Meditation App
freeCodeCamp.org freeCodeCamp.org
10M subscribers
80,386 views
1.9K

 Published On Jul 2, 2024

Improve your React Native skills by building a meditation app using Expo. Learn to utilize TypeScript, React, NativeWind, React Native, and Expo to develop a simple mobile app.

💻 GitHub: https://github.com/stevenGarciaDev/si...

✏️ Course developed by ‪@StevenCodeCraft‬

⭐️ Contents ⭐️
⌨️ (0:00:00) Simple Meditation App (Expo React Native)
⌨️ (0:01:41) GitHub Repository Info
⌨️ (0:02:42) Upcoming Courses
⌨️ (0:03:21) Social Media and FitFuelPlanner
⌨️ (0:03:45) Setup Local Development Environment
⌨️ (0:14:53) Add static assets and define constant files
⌨️ (0:18:38) Setup NativeWind
⌨️ (0:21:14) Implement Initial Screen
⌨️ (0:32:03) Splash Screen Image
⌨️ (0:32:49) The useRouterHook
⌨️ (0:34:22) Add AppGradient Component and Tabs directory
⌨️ (0:39:06) The Meditation Index Screen
⌨️ (0:47:47) Use FlatList on the Meditation Index Screen
⌨️ (0:54:16) The Affirmations Index Screen
⌨️ (1:02:38) The Affirmations Detail Screen
⌨️ (1:15:22) The Meditation Detail Screen
⌨️ (1:33:17) Meditation Audio/Song
⌨️ (1:40:27) React Context and Modal Screen


🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

show more

Share/Embed