React Native app about sensors

Sensors

Well, I was trying out react-native-sensors and a bunch of other libraries, for getting the real-time (kinda…) sensor data from my phone. This repository contains an app built with React Native.

Features

  • Utilizes accelerometer, magnetometer, gyroscope and light sensors.
  • Displays real-time sensor data.
  • Interactive button to start/stop sensor updates.
  • Simple UI.
  • Additional device info with all system features listed.
  • Automatic flashlight in the dark (only on devices with a light sensor).
  • Location data.
  • Simple music player with Nightwave Plaza radio (uses API).
  • Uses OpenWeather API to fetch location based weather data.

Installation

  1. Clone the repository:
    git clone https://github.com/Saboten758/sensors.git
  2. Navigate to the project directory:
    cd sensors
  3. Install the dependencies:
    npm install
  4. Create a file in the ‘screens’ directory and create a ‘env.tsx’ file and type:

    export  const OpenWeatherAPi=[YOUR API KEY]
  5. Run the project:
    npm start

This will start the Metro bundler and launch the project on an emulator or connected device.

Screenshots

Central

Central Sensors with flashlight and device info For devices without a light sensor For devices with a light sensor Location Nightwave Plaza Radio ♫

Usage

  1. Open the app on your device or emulator.
  2. Navigate to the “Sensors” card
  3. Press the “Press me!” button to start/stop sensor updates.
  4. Explore the real-time sensor data displayed on the screen.
  5. If your device houses a light sensor, you can also use the light sensor to turn on or off flashlight automatically!!
  6. Use the “Flash” button from the main screen for using flashlight.
  7. Tap the “i” from the main screen button for getting more info about the device. In the menu, tap on “All Features” to list all the available android features.
  8. Navigate to “Location” card for getting location details
  9. Navigate to “Music” card for playing music straight from Nightwave Plaza.
  10. Navigate below to “Wheather” card to get location based weather data (work in progress).

Contributing

This is just a basic project, contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request. Peace!!

GitHub

View Github