Giters

nikul6 / StepCounter

The "Stepcounter" app, developed with Expo and React Native, visualizes health metrics using "react-native-svg" rings and animations from "react-native-reanimated." It utilizes "react-native-health" for data and enables date-wise tracking for user insights.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

exporeact-nativereact-native-svgtypescriptreact-native-healthreact-native-reanim

StepCounter - using Expo, TypeScript and React Native Health

The Stepcounter app, built using Expo and React Native, tracks health metrics like Steps, Distance, and Flights Climbed. It employs "react-native-svg" for visualizing progress rings and "react-native-reanimated" for smooth animations. The "react-native-health" library gathers data, while date-wise tracking helps users monitor their health journey effectively.

🚀 How to create Expo app

npx create-expo-app@latest StepCounter -t

🚀 How to clone this repo

git clone https://github.com/nikul6/StepCounter.git

and then install node-modules

npm install

and then run the expo app

npm run ios

🚀 UI

Home alt text

📝 Notes

About

The "Stepcounter" app, developed with Expo and React Native, visualizes health metrics using "react-native-svg" rings and animations from "react-native-reanimated." It utilizes "react-native-health" for data and enables date-wise tracking for user insights.

exporeact-nativereact-native-svgtypescriptreact-native-healthreact-native-reanim

Languages

Language:TypeScript 48.1%Language:Ruby 26.2%Language:Objective-C++ 20.4%Language:Objective-C 2.5%Language:JavaScript 1.2%Language:Swift 0.9%Language:C 0.8%