svbala99 / RNScale

A simple app in react native to use the scale for weight and height measurement by providing the sliding experience to the user

RNScale

A simple app in react native to use the scale for weight and height measurement by providing the sliding experience to the user.

Download the ipa from: Github link, Diawi Link

Downliad the APK from: Google Drive Link, Diawi link

Constraints

• It's a slider scale by which user will be able to move left or right on a horizontal scale and up or down on a Vertical scale to select a value.

Prerequisites:

• Scale should start from a certain value and not zero.
• I should be able to handle Integers & decimals
• Scale of Height should be on feet+inches.
• The slide should be smooth and the value displayed should be in sync with the value on the scale.

Screenshots

Features

• Custom built Slider to get height and weight values from the user.

Technology

• React Native : For Cross platform mobile app development
• Node JS: For runtime environment
• Javascript : For application development
• VS code : Code editor IDE
• Linting: eslint

Installation

This App requires Node.js v10+ to run.

Download the repo and install dependencies

git clone [e-mail]:svbala99/RNScale.git
cd RNScale
npm i

Start the development server

npm start

Install the app first time in Android (in Dev mode)

• Connect any Android device with USB
• Enable USB debugging in the device
• Accept to INSTALL the app when prompted during the deployment
• This command is not needed for subsequent changes made in project
• Whenever you include any package that impacts Android native, reinstall the app by issuing this command
• Alternatively the same can be achieved from Android Studio IDE by clicking "Run" button after opening "Android" project in it
• Supported Machines: Windows / Linux / Mac

npm run android

Install the app first time in iPhones (iOS) - Dev mode

• Connect any Android device with USB
• Enable USB debugging in the device
• Accept to INSTALL the app when prompted during the deployment
• This command is not needed for subsequent changes made in project
• Whenever you include any package that impacts Android native, reinstall the app by issuing this command
• Alternatively the same can be achieved from Xcode IDE by clicking "Build" & "Run" button after opening "iOS" folder in it
• Supported Machines: Mac only

cd ios && pod install && cd ..
npm run ios

To generate iOS ipa file

• Set the scheme to "Any iOS Simulator"
• Xcode -> product -> clean
• Xcode -> product -> Archive
• After 15mins, build will be archived, you can export the build now
• In the archive window opened, choose "development" method of distribution
• Choose "Automatically manage signing"
• Select the location you want to export and click OK

To generate Android APK

gradlew assembleRelease (APK file)
gradlew bundleRelease (AAB file)

• For more details: https://reactnative.dev/docs/signed-apk-android Note: If you run in Linux, issue ./gradlew instead of gradlew

Output file location

You will find the APK file in:

~PROJECT_LOCATION\android\app\build\outputs\apk\release

Install the released APK

adb install app-release.apk

Packages used

Package	Version
React	17
React Native	0.68.2
@react-native-community/slider	4.2.2

License

GNU GPL