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/wallpaper-app

✨ If you appreciate my work and you would like to support my channel: https://www.buymeacoffee.com/codewithnomi

🏞️ Assets: https://drive.google.com/file/d/1PYCGsXo_H6jqa0P2P4UcEKag7r4gJS_q/view?usp=sharing

Learn Expo Router: https://youtu.be/jJl-DZ3d8k8

Pixabay API: https://pixabay.com/api/docs

Expo Router Installation: https://docs.expo.dev/routing/installation

Reanimated installation: https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started




🚨 more videos on react native:

Firebase Auth & Chat: https://youtu.be/wncM96HYcxw

Fitness App: https://youtu.be/asMSo4DLq6s

Food Recipe App : https://youtu.be/cdnneQjsoT0

Movie App : https://youtu.be/Q1xQuCpYIFE

Onboarding UI with Lottie Animations: https://youtu.be/4-GKgqIUBNo

AI Voice Assistant with ChatGPT & DALL-E : https://youtu.be/nf3t5p2a5Dg

Travel App UI : https://youtu.be/vV9zIDgT4Ik

Weather App : https://youtu.be/953vyZMO4cM

Coffee App UI : https://youtu.be/mhyuMy4aI-M

Food Delivery App : https://youtu.be/v-zxqkz1T8E

Youtube Clone App: https://youtu.be/AVovt3gFmsg

Login | SignUp UI : https://youtu.be/RhF4iUCiwSs

Fast Food App : https://youtu.be/x5hX06YdRvI

App Store UI : https://youtu.be/Wp6JtHj4lyM

Fruit Shop UI : https://youtu.be/UwW__s37agw

Firebase Authentication React Native: https://youtu.be/idPGWpVLHP0

Food Delivery App : https://www.youtube.com/playlist?list=PLKWMD009Q4qReQz5FOcvBik9WBJanJVZd

Learn React Native: https://www.youtube.com/playlist?list=PLKWMD009Q4qTGuqXxRq51f8OoDaIoJ1yo

Learn Reactjs: https://www.youtube.com/playlist?list=PLKWMD009Q4qT1UgUrphG9ArfZblaL3fc5


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

Тэги:

#react_native_tutorial #react_native_ui_design #react_native_tutorial_for_beginners #react_native_app #react_native_project #react_native_crash_course #learn_react_native #react_native_ui #react_vs_react_native #react_native #react_native_expo #react_native_for_beginners #react_native_animations #react_native_vs_flutter #react_native_cli_tutorial #react_native_animation #react_native_chat_app #ui #wallpaper_app #create_wallpaper_app #wallpaper_app_in_react_native #wallpapers

Скачать видео