akinncar / ar-nft Goto Github PK

👾 A React Native app to visualize your NFTs in AR

License: MIT License

Shell 0.35% JavaScript 12.34% TypeScript 28.23% Starlark 6.28% Java 30.72% Solidity 1.29% Ruby 3.27% Objective-C 16.80% C 0.34% Swift 0.37%

react-native dapp web3 augmented-reality viro-react metamask crypto

ar-nft's People

Contributors

Stargazers

Watchers

Forkers

maxflowo2 g-m-mints suissa youbenuse pixobits guilhermedinardi heyrio linuxmahara ecuadao cuality promise-csharp virginlabs leonardoserio zhichuande

ar-nft's Issues

Support Ethereum Network

Add Ethereum network support with opensea api https://docs.opensea.io/reference/getting-assets

Overview

Currently, the app only shows NFTs that the URI starts with HTTP.
As you can see here https://github.com/akinncar/ar-nft/blob/main/src/components/NftItem.tsx#L13
So the goal is to show NFTs that the URI starts with IPFS as well.

Add 3D Objects support

Allow viewing with the camera, 3D NFT Objects.

Probably will be necessary to support another network that allows 3D NFTs

Test on Android

Run app on android and verify if is running well.
You will probably need to add some Java code related to Viro React.

Update UIWebView to WKWebView on ViroReact

Apple Store is rejecting our app because the library that we are using (Viro React) are using a deprecated API on binaries, so we need to update it:

Apple Message to US

ITMS-90809: Deprecated API Usage - New apps that use UIWebView are no longer accepted. Instead, use WKWebView for improved security and reliability. Learn more (https://developer.apple.com/documentation/uikit/uiwebview).

Viro React Discussion

viromedia/viro#852

Approaches tips

Use grep -r UIWebView node_modules/* on the therminal to see all UIWebView Usage.
I recommend forking the repository and manually solving it since most of the existing forks with the solution are deprecated.
See some related tweets:
https://twitter.com/akinncar/status/1461138006555955207
https://twitter.com/akinncar/status/1461491911559155719
https://twitter.com/akinncar/status/1461517341678837771

Environments variables

Add API Urls to Environment Variables with .env control instead of hardcode it.

Update React Native version

CVE-2020-1920
high severity
Vulnerable versions: >= 0.63.0, < 0.64.1
Patched version: 0.64.1
A regular expression denial of service (ReDoS) vulnerability in the validateBaseUrl function can cause the application to use excessive resources, become unresponsive, or crash. This was introduced in react-native version 0.59.0 and fixed in version 0.64.1.

Dark and Light mode

Detect if the device is default using Dark or Light mode, and change colors according to the theme.

Support multiple wallets

Allow user to control multiple wallets:

Add a wallet by address to wallet list
Remove wallet from wallet list
Edit wallet list