react-native-examples icon indicating copy to clipboard operation
react-native-examples copied to clipboard

feat/web3inbox app

Open enesozturk opened this issue 1 year ago • 0 comments

Description

Web3Inbox app mobile implementation with React Native. Since we have an issue with PWAs on iOS soon, we came up with the idea of building Web3Inbox's mobile app. This will allow people to use the same functionalities of the Web3Inbox web app, like subscribing/unsubscribing topics, receiving notifications, etc.

What is Web3Inbox?

In the code, you'll see the application and display name as Web3Inbox. Previously, the Web3Inbox Lab app was built to test Notify Client features in a React Native environment and was not expected to be published to the stores. Now, due to reasons about the PWA issue, we need to build a Web3Inbox iOS app. In this case, it makes sense to refactor this app to have design and feature parity with the Web3Inbox web app and publish it to the store. That's why the UI (colors and other theme variables) is different than a web app, currently.

Progress

The main goal is to make this app have feature & design parity with the Web3Inbox web app and publish it to the App Store as soon as possible.

  • [x] Implement notifications with React Native Firebase and make sure it's working
  • [x] Fetch project list from Explorer API
  • [x] Update icons (currently we have test icon)
  • [x] Publish to App Store for review
  • [x] Add splash screen -> https://github.com/WalletConnect/react-native-examples/pull/136
  • [ ] Update designs to have parity with the web app
  • [ ] Setup push notifications
  • [ ] Add missing features (edit dev mode, add domain to test apps, etc). (See web app settings page)
  • [ ] Separate the app as two scheme: test and prod. These will have different Bundle ID, image and display name

Additional Notes

enesozturk avatar Feb 27 '24 13:02 enesozturk