Git Product home page Git Product logo

saboten758 / retro-pulse Goto Github PK

View Code? Open in Web Editor NEW
9.0 1.0 3.0 15.05 MB

A React Native app capturing the 90s vibe, about sensors, music, camera and weather :>

License: GNU General Public License v3.0

JavaScript 1.19% TypeScript 83.65% Ruby 2.75% Java 8.75% Objective-C 2.76% Objective-C++ 0.90%
mobile-app react-native sensors typescript music-player nightwaveplaza openweather-api retro android vaporwave camera

retro-pulse's Introduction

Retro Pulse

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

Table of Contents

Features

  • Utilizes accelerometer, magnetometer, gyroscope and light sensors.
  • Displays real-time sensor data.
  • Simple UI, with a retro look.
  • Additional device info with all system features listed.
  • Automatic flashlight in the dark (only on devices with a light sensor).
  • Current Location data.
  • Simple music player with Nightwave Plaza radio and other radios like J1 FM
  • Uses OpenWeather API to fetch location based weather data.

Installation

  1. Clone the repository:
    git clone https://github.com/Saboten758/Retro-Pulse.git
  2. Navigate to the project directory:
    cd Retro-Pulse
  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

Central

Sensors with flashlight and device info

For devices without a light sensor

For devices with a light sensor

Location

Nightwave Plaza Radio โ™ซ

Weather using OpenWeather API

Camera

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 and other radio stations.
  10. Navigate below to "Weather" card to get location based weather data.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request. Peace!!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.