Building a Health Application with React Native: Step Counter

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:

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

📚 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:

💬 Join the notJust Development gang and let's build together:

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

[zosmanovic]

Left youtube on overnight and woke up to this...Im not even a dev guy lol sign of the gods

[CatalinMironDev]

Amazing video, also thanks for the shoutout on the SVG animation/path/circular progress :)

[jamm]

Thank you so much man, really glad you made this video. It helped me alot

[lucbruyant]

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 !

[code.edanur]

Amazing, I'm so excited to try this :) Thanks

[Website_TV_]

Great walkthrough on building a health app with React Native! 🚀 Love how you integrated the step counter feature—super practical for fitness tracking. 💪 Can't wait to try this in my own projects! Thanks for breaking it down so clearly. 🙌 #ReactNative #HealthApp #StepCounter

[bkosimi]

You’re the best at this, bud! Love it 🔥

[RixtronixLAB]

Creative video, well done, thanks :)

[MrBEnIbb]

Love this tutorial! When and where are you going live?

[karoche-tv]

Hi Vadim, you did great. When there will be a bulletin board application or not. Do it please.

[onyekachijames]

Amzing video, I'm having errors running the yarn ios comman tho

[kntbruh]

very cool, big thanks!
Очень круто, большое спасибо!

[MrHobai]

❤ thanks so much for sharing all that ❤

[pratikgadge]

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.

[imranshafqat]

iam facing this issue
[Unhandled promise rejection: Error: The package 'react-native-health-connect' doesn't seem to be linked. Make sure: ]

[CodeWithJado]

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

[bimbim_gamay]

Pemilu mengingatkan kita pada bagian bersejarah dari sejarah

[gamesforlike]

Bro call recording app ios react native video upload

[akashchopra]

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