Тёмный

Building a Health Application with React Native: Step Counter 

notJust․dev
Подписаться 110 тыс.
Просмотров 306 тыс.
50% 1

In this video, I'll walk you through the creation of a Step Counter app using React Native. Starting from environment setup to creating an interactive UI, we'll cover everything you need to know. We'll also delve into integrating our app with Apple Health and Google Fit, teaching you how to use their APIs to sync user data.
❗Try our FREE 4-day Masterclass on notJust.Academy:
assets.notjust.dev/masterclass
This build includes a lot of tools & technologies, and it's a great opportunity to learn how to:
- Design an intuitive, user-friendly interface using React Native components.
- Implement step-tracking functionality using device sensors.
- Sync and manage data with Apple Health using Health Kit
- Sync and manage data with Google Fit using Health Connect
- Use Apple's and Google's APIs to integrate our app with the data they provide
✨ Step-by-step guide: notjust.dev/projects/step-cou...
⌨️ Source code: github.com/notJust-dev/StepCo...
📚 Enroll NOW in The Full-Stack Mobile Developer course and don’t miss out on your chance to become a 6-figure dev in 2023! Check out what our successful students are saying about their experience:
academy.notjust.dev
💬 Join the notJust Development gang and let's build together:
Twitter: / vadimnotjustdev
Instagram: / vadimnotjustdev
Facebook: / notjustdev
LinkedIn: / vadimsavin
Discord: / discord
Timecodes:
Disclaimer: This build is for educational purposes only. All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity I have been, am now, or will be affiliated with.
#notjustdev #reactnative #health

Наука

Опубликовано:

 

15 июн 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 56   
@zosmanovic9763
@zosmanovic9763 7 месяцев назад
Left youtube on overnight and woke up to this...Im not even a dev guy lol sign of the gods
@notjustdev
@notjustdev 7 месяцев назад
😅😅 we hacked the RU-vid algorithm
@OgrodnictwoMalejkiodrPrzysiecz
@OgrodnictwoMalejkiodrPrzysiecz 4 месяца назад
Me too 😅 And I'm so happy about that 😂
@primusgamerx3281
@primusgamerx3281 2 месяца назад
me too
@aaronjones7078
@aaronjones7078 Месяц назад
same 😂😂😂😂😂😂
@leansune7341
@leansune7341 18 дней назад
same xd
@CatalinMironDev
@CatalinMironDev 10 месяцев назад
Amazing video, also thanks for the shoutout on the SVG animation/path/circular progress :)
@notjustdev
@notjustdev 10 месяцев назад
Thanks Catalin
@code.edanur
@code.edanur 4 месяца назад
Amazing , I'm so excited to try this :) Thanks
@jamm9848
@jamm9848 2 месяца назад
Thank you so much man, really glad you made this video. It helped me alot
@lucbruyant2832
@lucbruyant2832 9 месяцев назад
Hey Vadim great video ! Some additional things that could be very interesting : how to get the device steps data to update automatically (either by subscribing or with timed calls) + how to filter out manual data. I managed it on my own after following the tutorial, but it's a bit hard. Also I'd suggest eas build to have better experience and reliability for the dev builds, at least on my end the run:ios and run:android with prebuild gave me a bunch of errors. Overall very cool tutorial !
@bkosimi
@bkosimi 10 месяцев назад
You’re the best at this, bud! Love it 🔥
@MrHobai
@MrHobai 10 месяцев назад
❤ thanks so much for sharing all that ❤
@karoche-tv
@karoche-tv 10 месяцев назад
Hi Vadim, you did great. When there will be a bulletin board application or not. Do it please.
@alisuzan5949
@alisuzan5949 10 месяцев назад
I just adore your videos
@user-jr1gb9gu2s
@user-jr1gb9gu2s 5 месяцев назад
Yes
@user-qo1oq6id1e
@user-qo1oq6id1e 6 месяцев назад
Hello, did u use health connect for this project?
@gheonsteenkamp6346
@gheonsteenkamp6346 4 месяца назад
Very good job. 🤜🤛
@avanishtiwari1335
@avanishtiwari1335 8 месяцев назад
any ml model used in this?
@Bianchi77
@Bianchi77 Месяц назад
Creative video, well done, thanks :)
@notjustdev
@notjustdev Месяц назад
Thank you! Cheers!
@pratikgadge6388
@pratikgadge6388 8 месяцев назад
Hello sir can you make this step counter with the help of google fit api in react native cli please sir it'll help us and no one did this.
@onyekachijames1636
@onyekachijames1636 10 месяцев назад
Amzing video, I'm having errors running the yarn ios comman tho
@MrBEnIbb
@MrBEnIbb 2 месяца назад
Love this tutorial! When and where are you going live?
@notjustdev
@notjustdev 2 месяца назад
Every Friday at 3PM GMT
@MrBEnIbb
@MrBEnIbb 2 месяца назад
@@notjustdev Cool, on RU-vid?
@kntbruh
@kntbruh 15 дней назад
very cool, big thanks! Очень круто, большое спасибо!
@notjustdev
@notjustdev 15 дней назад
Thank you, appreciate it!🙌
@CaribouDataScience
@CaribouDataScience 9 месяцев назад
Where is the data viz?
@user-mx4xn2mi1u
@user-mx4xn2mi1u 5 месяцев назад
helpful!
@user-pm5ny9ec9k
@user-pm5ny9ec9k Месяц назад
How i use this on react native cli
@ojasvisingh786
@ojasvisingh786 10 месяцев назад
🎉🎉
@imranshafqat5662
@imranshafqat5662 9 месяцев назад
iam facing this issue [Unhandled promise rejection: Error: The package 'react-native-health-connect' doesn't seem to be linked. Make sure: ]
@vidhiharwani446
@vidhiharwani446 Месяц назад
were you able to solve it ?
@gamesforlike707
@gamesforlike707 10 месяцев назад
Bro call recording app ios react native video upload
@Hfhdvsfjbdhcjc
@Hfhdvsfjbdhcjc 4 месяца назад
greatest
@usmanrasheed626
@usmanrasheed626 10 месяцев назад
1% club :D
@MaiPhan-qs3jj
@MaiPhan-qs3jj 5 месяцев назад
Great
@CodeWithJado
@CodeWithJado 10 месяцев назад
Hello Vadim, I want to be mobile app developer but currently, I don't have enough skills What advice can you give me as beginner of coding
@nourdinebouya
@nourdinebouya 10 месяцев назад
hi i'm curently fine with creating mobile Application : here is my RoadMap = I started learn HTML and CSS after Javascript then I peacked ReactJs and after I find that React-Native can create Mobile apps and when I start learning React Native its so easy but if you already hve strong Skills on reactjs itself
@MrBEnIbb
@MrBEnIbb 2 месяца назад
How is it going? I am also learning right now. If you want, we can connect and share our progress/ challenges and so on
@muhammadhasnat9596
@muhammadhasnat9596 21 день назад
Hi, I was following tutorial to make this step counter app but unfortunately whenever I build in Android and try to send permission request my build app get crash/shutdown on my device with asking permission access from health connect Kindly help me in this regard ??
@pansokhom168
@pansokhom168 3 месяца назад
💖💖💖💖
@user-sq9zv6uj5c
@user-sq9zv6uj5c 5 месяцев назад
Tuyệt
@FORTUNETIGER-qw3hz
@FORTUNETIGER-qw3hz 8 месяцев назад
@mutiaimutimut
@mutiaimutimut 5 месяцев назад
malam sobatku sukses ya
@bimbim_gamay
@bimbim_gamay 5 месяцев назад
Pemilu mengingatkan kita pada bagian bersejarah dari sejarah
@akashchopra1453
@akashchopra1453 10 месяцев назад
Expo is not good for large application most of the modules not work in expo for example - if u want to integrate razorpay will not work in expo in India most of fhe applications use razor pay only
@notjustdev
@notjustdev 10 месяцев назад
That’s far from the reality. Almost all react native libraries are compatible with expo. I just checked the docs of razorpay, and literally the latest version 2.3.0 is “added expo support”
@akashchopra1453
@akashchopra1453 10 месяцев назад
@@notjustdev so razorpay will work with expo you telling that so what about paytm will paytm will work with expo
@ankan-dev
@ankan-dev 10 месяцев назад
@@akashchopra1453 Razorpay works with expo and it would cover paytm gateway as well. Also we have eas now that can help to get that running.
@user-zg8ck1yo6g
@user-zg8ck1yo6g 10 месяцев назад
ok
@dattruong379
@dattruong379 5 месяцев назад
hello
@Levi-Ezio
@Levi-Ezio 10 месяцев назад
Блин, жаль что не на русском 😢
@dennyfedyna9707
@dennyfedyna9707 10 месяцев назад
слава богу що не на русском
Далее
Building the Formula 1 App with React Native
3:58:45
Просмотров 221 тыс.
Data Modeling for Power BI [Full Course] 📊
2:34:41
Просмотров 3,1 млн
как это быть басистом?
00:50
Просмотров 168 тыс.
Разбираем основы Kafka и RabbitMQ
26:54
Corel Linux - The (Word)Perfect Operating System
25:40
Как установить Windows 10/11?
0:56
Просмотров 1,9 млн
Я Создал Новый Айфон!
0:59
Просмотров 2,8 млн
Apple Event - May 7
38:22
Просмотров 6 млн