🔴 Build a Fitness App in React Native (Expo Router, TailwindCSS, Reanimated, Rapid API, Caching)
Vložit
- čas přidán 12. 06. 2024
- Hello everyone 👋, today we are going to build a fully functional Fitness app in React Native using Expo router, Reanimated, Tailwindcss, Image Carousel and Rapid API. At the end of this project you will be able to create professional apps. Do checkout more project videos on my channel to level up your javascript and react native skills.
🚀 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/codewith...
🚨 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
workout app in react native
react native workout app
reanimated 3.0
react native reanimated
animations
▬▬▬▬ Contents of this video ▬▬▬▬▬▬▬▬▬▬
00:00 - Intro
01:35 - Create App
02:49 - Welcome Screen
20:50 - Image Carousel
34:28 - Body Parts Grid
43:25 - Exercise List Screen
01:11:33 - Exercise Details Screen
01:24:41 - Adding Animations
01:30:56 - Final Demo
Amazing design . Good work
amazing UI
awesome tutorial
Thanks ❤
Great work ,Can you please make news app with complete backend and admin panel thanks.
I think you must add search box too👍
can you please share your wallpaper it looks dope
could you please make a video explaining more about localSearchParams and globalSearchParams? and how the right way to share information from one screen into another?
make video on touchable opacity change animation opacity and also on preseable nice work thanks.
I was so looking forward to this tutorial . But code breaks when you linear gradient and text property together.It gives error map is not undefine
What programation leaguage do you use??
I have a question. I don't know when I coded all the Apps you posted with react Native what should I learn next to apply for a job ?
this is awesome but do build large projects like , E commerce app in Rest API , almost all functionalities including payment gateway using Stripe
yes please tracker app , thanks
its in expo or cli please specify with each of your react native project
Hi does anyone know how I can add props to the renderItem in the parallax carousel? Cuz I wanted to make the parallax images clickable but I don't know how to pass the router into the ItemCard
I have a doubt how do we do the on-board screen with expo router ?
Please, make a video about exporting localy the apk using expo
From where do you get the idea of these designs
hello the classname for "rounded-lg" is not working for me in tailwind version 3.3.6 anybody know how to fix this?
where is assets folder ?
tailwind css is not applying for expo router and the documentation shows additional steps
sir why don't you use typescript?
Will you use Sanity later?
make specific video on react reanimated
my carousel slider is not autoplaying .Can someone help me
Sir please Tracker app with React native CLI
some one have the problem at carousel like the error is cannot read property 'style' of undefined some solutions
I also have same error
Please share the images in a zip file link.
TypeError: Cannot read property 'array' of undefined
could you recommend me some extensions for react native in visual studio?
Auto Rename Tag
ES7+ React/Redux/React-Native snippets
Prettier - Code formatter
Simple React Snippets
Tailwind CSS IntelliSense
how to get the images there is no link for download assets
I guess we have to look into source code but it is paid I guess, just use random images in place of these images
Sir.. please tell me how to publish app
sure, will create a tutorial on deployment in future 😉
hello, can you help me?
image slider and image not loadiiiiiiiiiiiiiiiiiiiiiiiiiiiiiing
ExerciseDB is currently unavailable on RapidApi. If anyone is able to access it or manages to access it later on, please reply to this comment to let me know.
it is available
@@user-kg3iz4ww9m Thanks a lot.
@@user-kg3iz4ww9mI can’t find it pls help
@@user-kg3iz4ww9m its not there when i searched for it can u check now if it is there just paste the link that would helps me alot
@@user-kg3iz4ww9m is it still available? It is not there when I checked
Error
I was following the lecture and downloaded the source code because the images used in this lecture were only accessible through the source code. But I just found out exerciseDB no longer exists. I wasted my money..
Why some project you use useRouter and some using Navigator? Any obvious reason? Seems like both acts the same.