Build a Fitness App in React Native (Expo Router) #1 - Intro & Setup
Vložit
- čas přidán 2. 06. 2024
- Hello everyone 👋, today we are going to start a new series on fitness app, this app will be like an exercise db app, you will learn react native, tailwindcss, reanimated, rapid apis, managing data and smooth animations. At the end of this series you will be able to create professional apps.
🚀 Source code: links.codewithnomi.com/fitnes...
Add TailwindCSS in React Native: • Add Tailwind CSS In Yo...
Learn Expo Router: • Build complex layouts ...
Expo Router Installation: docs.expo.dev/routing/install...
Nativewind installation: www.nativewind.dev/quick-star...
Reanimated installation: docs.swmansion.com/react-nati...
If you appreciate my work and you would like to support my channel: www.buymeacoffee.com/syednoman
🚨 more videos on react native:
Food Recipe App : • 🔴 Build Food Recipe Ap...
Movie App : • 🔴 Build Movie App Usin...
Onboarding UI with Lottie Animations: • 🔴 Onboarding UI with L...
AI Voice Assistant with ChatGPT & DALL-E : • 🔴 Build a React Native...
Travel App UI : • 🔴 Travel App UI | Reac...
Weather App : • 🔴 Build Weather App Us...
Coffee App UI : • 🔴 Coffee App UI - Reac...
Food Delivery App : • 🔴 Build Food Delivery ...
CZcams Clone App: • 🔴 CZcams Clone - Reac...
Login | SignUp UI : • 🔴 Login | SignUp UI - ...
Fast Food App : • 🔴 Fast Food App UI - R...
App Store UI : • 🔴 App Store UI - React...
Fruit Shop UI : • 🔴 Fruit Shop UI - Reac...
Firebase Authentication React Native: • React Native Firebase ...
Food Delivery App : • Food Delivery App with...
Learn React Native: • Build Expensify App Wi...
Learn Reactjs: • Modern React For Begin...
#expo #reactnative #tailwindcss #javascript #programming #typescript #speedcode #coding #design #appdevelopment #reactjs #ui #uiux #reactnavigation #reactnativetutorial #react #animation #reactjs #navigation #navigationbar #uidesign #mobiledevelopment #iosdeveloper #buildinpublic #opensource #reactnativeapp #reactjstutorial #typescript
react native animations
animations in react native
react native tutorial
react native app
react native tutorial for beginners
react native project
react native course
fitness app in react native
gym app
react native fitness app
reanimated
animations
▬▬▬▬ Contents of this video ▬▬▬▬▬▬▬▬▬▬
00:00 - Intro
01:35 - Create App
04:34 - Tailwind & Welcome UI
17:37 - Reanimated
Awesome work, thanks for sharing this
That's my guy!! Continue giving us premium content
Heyy, such a great video, where do i get the image file on the description tho?
Thank you very much for sharing!
Thank you
This couold not have came at a better time. Thank you for posting this! Subscribing!
Thanks for the support
Great🎉
Amazing 🫡
cannot find the links for images in the description and on the github also
Great, Can you make a Currency Exchange app with React Native?
From syria and all Arab Nomi the best !!
Thank you for your support ❤️
Thank you for this insightful build series!
I'm eagerly looking forward to the upcoming videos. Could you share the expected schedule for releasing them?
really appreciate the concise format - it's perfect for fitting some learning into a busy day without being overwhelming.
part 2 coming today 😉
@@codewithnomi would you be available for any contract work ?
@@nadirahmed4224 yes
@@codewithnomi Can you provide some contact information?
@@nadirahmed4224
codewithnomi.dev@gmail.com
can you build sports fantasy app like dream11 or team 11
nice you include setup on vidio thx nomi
thank you
@@codewithnomi why is my tailwind not working i have downloaded to version 3.3.2 but still no change
@@harizfauzil7672add this, yarn add postcss@8.4.23
I have two questions please.
1) what extension do you have that let's you click into functions to go to their fild to edit (so quick)
2) What extension do you have that gives you a lookup of all the tailwind classes based on autocompletes? Love that speed too!
Maybe you can make a top 20 things that make you a faster react native developer, I bet it would be super popular!
1. just press ctrl/command then click on function and it will take you to the function body (no extension required)
2. Tailwind CSS IntelliSense
@@codewithnomi thank you so much! ❤️
woo, the subscribe button has a cool animation when you as for subscription on the channel
Sir can you use react native paper 📜. By the way really love the way you started from scratch
sure, I'll check
"If I use JavaScript instead of TypeScript, will there be any issues? And generally, which one is more efficient?"
You can use JavaScript, I'm also using JavaScript. Generally typescript is efficient.
but sir Re-animated make slow the mobile apps in android using cli, what should i do for this issue, plz help me
No it doesn't, just make sure you don't add too many animations 😉
can you make video how t setup environemnt for react native CLI please for windows:::::::::
I will, as soon as i get a windows pc 😉
Ye mobile kaise khola computer mai ye bhi to bataiye issi vajah se vahut Kam likes hai aapki video mai
where i can get this template for free sir?
visit my github 😉
@@codewithnomi link please?
Is api free ?!
Yes