š“ Build a Wallpaper App in Expo Router | React Native Projects | React Native Tutorial | Expo SDK 50
Hello everyone š, in this video we will build a fully functional Wallpaper App using Expo Router v3.
What You Will Learn:
- React Native
- Expo Router v3
- React Native Reanimated
- Responsive UI
- Masonry Layout
- Pixabay API Integration
- Linear Gradients
- Expo Vector Icons
- Bottom Sheet Modal
- Image Caching
- Downloading Content
- Sharing Content
- Toast Messages
- Cross-Platform Compatibility (iOS, Android, Web)
š Source Code: https://codewithnomi.com/projects/wal...
āØ If you appreciate my work and you would like to support my channel: https://www.buymeacoffee.com/codewith...
šļø Assets: https://drive.google.com/file/d/1PYCG...
Learn Expo Router: Ā Ā Ā ā¢Ā BuildĀ complexĀ layoutsĀ withĀ ExpoĀ Route...Ā Ā
Pixabay API: https://pixabay.com/api/docs
Expo Router Installation: https://docs.expo.dev/routing/install...
Reanimated installation: https://docs.swmansion.com/react-nati...
šØ more videos on react native:
Firebase Auth & Chat: Ā Ā Ā ā¢Ā š“Ā BuildĀ aĀ RealtimeĀ ChatĀ AppĀ withĀ Fire...Ā Ā
Fitness App: Ā Ā Ā ā¢Ā š“Ā BuildĀ aĀ FitnessĀ AppĀ inĀ ReactĀ Native...Ā Ā
Food Recipe App : Ā Ā Ā ā¢Ā š“Ā BuildĀ FoodĀ RecipeĀ AppĀ inĀ ReactĀ Nati...Ā Ā
Movie App : Ā Ā Ā ā¢Ā š“Ā BuildĀ MovieĀ AppĀ UsingĀ ReactĀ NativeĀ ...Ā Ā
Onboarding UI with Lottie Animations: Ā Ā Ā ā¢Ā š“Ā OnboardingĀ UIĀ withĀ LottieĀ Animation...Ā Ā
AI Voice Assistant with ChatGPT & DALL-E : Ā Ā Ā ā¢Ā š“Ā BuildĀ aĀ ReactĀ NativeĀ VoiceĀ Assistan...Ā Ā
Travel App UI : Ā Ā Ā ā¢Ā š“Ā TravelĀ AppĀ UIĀ |Ā ReactĀ NativeĀ Tutori...Ā Ā
Weather App : Ā Ā Ā ā¢Ā š“Ā BuildĀ WeatherĀ AppĀ UsingĀ ReactĀ Nativ...Ā Ā
Coffee App UI : Ā Ā Ā ā¢Ā š“Ā CoffeeĀ AppĀ UIĀ -Ā ReactĀ NativeĀ TutorialĀ Ā
Food Delivery App : Ā Ā Ā ā¢Ā š“Ā BuildĀ FoodĀ DeliveryĀ AppĀ UsingĀ React...Ā Ā
Youtube Clone App: Ā Ā Ā ā¢Ā š“Ā YoutubeĀ CloneĀ -Ā ReactĀ NativeĀ TutorialĀ Ā
Login | SignUp UI : Ā Ā Ā ā¢Ā š“Ā LoginĀ |Ā SignUpĀ UIĀ -Ā ReactĀ NativeĀ Tu...Ā Ā
Fast Food App : Ā Ā Ā ā¢Ā š“Ā FastĀ FoodĀ AppĀ UIĀ -Ā ReactĀ NativeĀ Tut...Ā Ā
App Store UI : Ā Ā Ā ā¢Ā š“Ā AppĀ StoreĀ UIĀ -Ā ReactĀ NativeĀ TutorialĀ Ā
Fruit Shop UI : Ā Ā Ā ā¢Ā š“Ā FruitĀ ShopĀ UIĀ -Ā ReactĀ NativeĀ TutorialĀ Ā
Firebase Authentication React Native: Ā Ā Ā ā¢Ā ReactĀ NativeĀ FirebaseĀ AuthenticationĀ ...Ā Ā
Food Delivery App : Ā Ā Ā ā¢Ā FoodĀ DeliveryĀ AppĀ withĀ ReactĀ NativeĀ Ā
Learn React Native: Ā Ā Ā ā¢Ā BuildĀ ExpensifyĀ AppĀ WithĀ ReactĀ NativeĀ Ā
Learn Reactjs: Ā Ā Ā ā¢Ā ModernĀ ReactĀ ForĀ BeginnersĀ Ā
hashtags & keywords
#expo #reactnative #javascript #tailwindcss #programming #typescript #speedcode #coding #design #appdevelopment #reactjs #ui #uiux #reactnavigation #reactnativetutorial #react #animation #reactjs #navigation #navigationbar #uidesign #mobiledevelopment #iosdeveloper #buildinpublic #opensource #reactnativeapp #reactjstutorial #typescript
ā¬ā¬ā¬ā¬ā¬ā¬ā¬ā¬ā¬ Contents of this video ā¬ā¬ā¬ā¬ā¬ā¬ā¬ā¬ā¬ā¬
00:00 - Project Demo
07:00 - Create App
10:00 - Welcome Screen UI
30:07 - Home Screen
59:06 - Fetching Images
01:12:40 - Masonry Layout
01:27:40 - Search Bar Implementation
01:36:57 - Category Implementation
01:42:25 - Filters Modal
02:47:00 - Pagination
02:58:52 - Image Modal Screen
03:25:35 - Toast
03:35:54 - Final Demo
Watch video š“ Build a Wallpaper App in Expo Router | React Native Projects | React Native Tutorial | Expo SDK 50 online without registration, duration hours minute second in high quality. This video was added by user Code With Nomi 08 April 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 37,156 once and liked it 1.2 thousand people.