Chapters (18)
- 0:00Simple Meditation App (Expo React Native)
- 1:41GitHub Repository Info
- 2:42Upcoming Courses
- 3:21Social Media and FitFuelPlanner
- 3:45Setup Local Development Environment
- 14:53Add static assets and define constant files
- 18:38Setup NativeWind
- 21:14Implement Initial Screen
- 32:03Splash Screen Image
- 32:49The useRouterHook
- 34:22Add AppGradient Component and Tabs directory
- 39:06The Meditation Index Screen
- 47:47Use FlatList on the Meditation Index Screen
- 54:16The Affirmations Index Screen
- 1:02:38The Affirmations Detail Screen
- 1:15:22The Meditation Detail Screen
- 1:33:17Meditation Audio/Song
- 1:40:27React Context and Modal Screen
Show the creator's full description
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/simple-meditation-app-expo-react-native
✏️ Course developed by @StevenCodeCraft
🚨 Important Update (Fix for Dependencies & Install Issues) 🚨
If you're having trouble installing dependencies or running the project, follow these steps:
1) Ensure you're using the latest Expo-compatible versions by running this command in your terminal:
expo upgrade
2) Fix dependency vulnerabilities & install issues:
npm audit
npm audit fix
3) Clear the cache and try running the simulator again:
npx expo start --clear
If you are still having problems, please leave a reply to the pinned comment and the course creator, Steven, will respond to help you.
❤️ Try interactive React courses we love, right in your browser: https://scrimba.com/freeCodeCamp-React (Made possible by a grant from our friends at Scrimba)
⭐️ 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
Description and video by freeCodeCamp.org. This page is an independent companion view; the video is embedded from YouTube.