Skip to content

HazAnwar/ProposApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ProposApp

demo

This is a proposal React web app based off my customised Create React App that is wrapped inside of an Android Kotlin container using an Android WebView.

This method extinguishes the need for hosting the web app online as the minified output of React is bundled into the Android application assets and served directly by the Android device's Chrome browser.

Additionally, using a JavaScript Interface in Android, we're able to trigger native Android functions from the JavaScript code, such as network calls which can bypass CORS issues demoed by this application with the Tesla API which you are unable to call directly from a browser due to CORS or the native screen wake features which can also controlled by the web app.

The application is a bash-like terminal screen that automatically types in commands and gets commands output in a series of events (written with React/JavaScript) and eventually triggers a remote boot/trunk unlock via the unofficial Tesla API (written in Kotlin with the Volley library) which can be consealing a proposal message (or customised to anything else you may want)!

Web

Getting Started

In order to get started, you must cd into the Web directory and install all the dependencies locally by running

yarn

Running Dev Server

You can then start the local dev server (with hot reloading) by running

yarn start

Then you should be able to view it at http://localhost:3000 in your local browser.

Output To Android

You can create the production files and automatically move them into the Android assets folder by running

yarn build

Android

Getting Started

Open the /Android folder in Android Studio and sync files with Gradle and then you can run the application on a device or on the emulator as well as build and distribute accordingly.