# Grin++ (mobile) - Progress update thread by @davidtavarez **URL:** \ **Category:** Development and Technical Discussion\ **Created:** [October 14, 2020, 8:20am UTC](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894 "2020-10-14T08:20:43Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![davidtavarez](https://avatars.discourse-cdn.com/v4/letter/d/3ab097/32.png) [@davidtavarez](https://forum.grin.mw/u/davidtavarez)\ **Post date:** [October 14, 2020, 8:20am UTC](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894/1 "2020-10-14T08:20:43Z")
Hello, this is my [progress update](https://forum.grin.mw/t/request-for-funding-davidtavarez-grin-mobile-wallet/7774)… fasten your seatbelts. 🚀 **Grin++ Mobile Application UI/UX.** After pivoting several UI concepts I came up to the one I would like to use. This one makes use of swipe gestures, tries to simplify actions and keep alive that punk look that we like… let’s see how. **001 - Initial screen:** this is the first screen that we see ![001](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/0/0cdbeb3f5f387b47677f230eb5a05401c3f29d48.jpeg) **002 - Login screen:** after booting up, we can login into any of our wallets (in this case Personal, Donations and Test…), create a new wallet and restore it. This behavior is also present in the Desktop application. ![002](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/7/7895c1f96232bc14041e2de5131b60a02585f71e.jpeg) Also, we can use our fingerprint to login after selecting a wallet. ![003](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/6/66ecf4ef5d0f45d0bb86cf667241b47ace5b4961.jpeg) Create a Wallet: Username, Password, Seed length and you’re good to go. ![004](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/c/c94d87c32829da293e2932574c5884be817991a4.jpeg) Restore Wallet: we also can restore a wallet. ![005](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/3/36f9fea16980e52d713f084279a0fa15026b5815.jpeg) PS: I would like to, **later** , use an encrypted wallet seed to restore it, I don’t like that much the idea of sharing the seed in plain text. **003 - Wallet screen:** after the login we see this screen, here we can appreciate our spendable and the “in progress” transactions: Receiving and Sending. If we want to see the complete history we swipe right and for receiving, we swipe left. To see the details of a transaction we just need to make click on the transaction row. ![006](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/5/500478c8d5949a42b2f7dfcf4e825f051c0aec7f.jpeg) Transaction details: important information regarding the transaction. ![007](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/4/4a56ed275352677498ce3f870e7999af79baf5e6.jpeg) Transactions History: Completed transactions: Received and Sent, Cancelled and Coinbase. ![008](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/4/4984ab1da065e74c9cfe6ef89883f5bb1df157e3.jpeg) Receive/Finalized: We can get this screen by swiping left from the Wallet Screen. Here we could Receive and Finalize a transaction using Slatepack. Also we can Enable and Disable the NFC, the feature here is that we could use proximity to make a transaction, for now this will be only available for Grin++, after making this stable enough I could migrate this to Ironbelly. ![009](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/8/81c718b1aa313784d12aa2f78d684cd98a3d2514.jpeg) We see here a big button with our address, if the wallet is available we will see this button in Green if not, the button will be in Orange. To share your address, you just need to make click like this: ![010](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/9/9688b7fefaf78e372b1bd3ac8a97cf420fb39772.jpeg) Now, if we want to send Grins, we could swipe up from the Wallet Screen. **004 - Sending screen:** from here we can scan the Address using a QR Code, set the amount and choose a Sending method. ![011](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/b/bbf4a0d27d62b8e42343410ed1a3e3c82ed2f445.jpeg) **Without Interactivity:** Offline sending, this is the classical grin method using slatepack. **Using Interactivity:** This means that the app will attempt to complete the transaction using Tor, if it fails the slatepack string will be shown. If the user wallet isn’t available (sender or receiver) the button will be disabled like it is in the screenshot. **Through Proximity:** In the end this should be like an offline transaction but everything happens wireless (NFC), both sender and receiver should be close to each other. If everything goes well, we should see this screen: ![012](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/3/3cdffbd88debc438e91399924fe21cfd874748f2.jpeg) **Grin++ backend running on Android.** ![000](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/b/b792fc62752d86754dcb9af59ad38786dd871457.jpeg) Grin++ has been compiled for Android and it’s able to sync after a while, but right now it isn’t stable enough because some device memory issues. Also Tor is properly running on Android. There is a (_unstable_) branch for [Raspberry Pi](https://github.com/GrinPlusPlus/GrinPlusPlus/tree/linux-arm64) too in Grin++ github repository which uses Docker to compile an **ARM64** binary. If you know what you’re doing feel free to play a bit with it. **Final thoughts.** First, thanks to @Mokhtar for helping me out to come up with the swiping gestures based wallet screen, I’m sorry for making you and @david suffer with the earliest ugly UIs 🤣. Now, I will be open to any feedback for the UX/UI (not new features, please) while I’m working on mitigating the memory issues. The code will be released in the next progress update hopefully. At this pace we could have an **APK** for December. Stay tuned! 👋 ---
**Author:** ![Spartakus](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/spartakus/32/3205_2.png) [@Spartakus](https://forum.grin.mw/u/Spartakus)\ **Post date:** [October 14, 2020, 8:35am UTC](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894/2 "2020-10-14T08:35:22Z")
Congratulations man 👋 👋 Swipe up left and right…is there mini arrows to guide? 🙃 ---
**Author:** ![davidtavarez](https://avatars.discourse-cdn.com/v4/letter/d/3ab097/32.png) [@davidtavarez](https://forum.grin.mw/u/davidtavarez)\ **Post date:** [October 14, 2020, 8:41am UTC](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894/3 "2020-10-14T08:41:13Z")
Here’s a screencast video: [https://i.imgur.com/UpRHwT8.mp4](https://i.imgur.com/UpRHwT8.mp4) ---
**Author:** ![oryhp](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/oryhp/32/2923_2.png) [@oryhp](https://forum.grin.mw/u/oryhp)\ **Post date:** [October 14, 2020, 8:41am UTC](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894/4 "2020-10-14T08:41:40Z")
Awesome, great progress! 🚀 Regarding the UX, I think that “without interactivity” and “using interactivity” are not what is happening in that case, the question the buttons answer is how the slatepacks will be communicated. There will be interactivity in both cases, and “without interactivity” actually means more manual work (I’d expect it to be less). ---
**Author:** ![vegycslol](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/vegycslol/32/3340_2.png) [@vegycslol](https://forum.grin.mw/u/vegycslol)\ **Post date:** [October 14, 2020, 9:58am UTC](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894/5 "2020-10-14T09:58:07Z")
Really nice to see ironbelly and grin++ mobile wallets look so cool! The only thing that’s not intuitive to me is the horizontal swiping, i might add something to let the user know he can swipe left and right (maybe tabs or whatever is used on mobiles to let the user know he can do that) ---
**Author:** ![lehnberg](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/lehnberg/32/159_2.png) [@lehnberg](https://forum.grin.mw/u/lehnberg)\ **Post date:** [October 14, 2020, 11:50am UTC](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894/6 "2020-10-14T11:50:24Z")
Great job, thanks for the update @davidtavarez 👍 ---
**Author:** ![quentinlesceller](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/quentinlesceller/32/21_2.png) [@quentinlesceller](https://forum.grin.mw/u/quentinlesceller)\ **Post date:** [October 14, 2020, 11:54am UTC](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894/7 "2020-10-14T11:54:06Z")
Great work @davidtavarez, very impressive to have this result so quickly! ---
**Author:** ![Anynomous](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/anynomous/32/2928_2.png) [@Anynomous](https://forum.grin.mw/u/Anynomous)\ **Post date:** [October 14, 2020, 1:49pm UTC](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894/8 "2020-10-14T13:49:56Z")
Realy nice 🤤! The horizontal swipe is fine with me, as long as the screen moves slightly when you press and move left right (so innitiate a swipe), the user will automatically see he can swipe between screens so if implemented correctly it should feel totally intuitive, nice idear @Mokhtar . ---
**Author:** ![Chronos](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/chronos/32/153_2.png) [@Chronos](https://forum.grin.mw/u/Chronos)\ **Post date:** [October 14, 2020, 2:02pm UTC](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894/9 "2020-10-14T14:02:14Z")
Nice! “Coinbase” is for mined transactions, right? Must users think of the company when they see that, and most users are not miners, so maybe something along these ideas: - hide that tab if it’s empty - and/or rename it to Newly Mined or Mined ---
**Author:** ![quentinlesceller](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/quentinlesceller/32/21_2.png) [@quentinlesceller](https://forum.grin.mw/u/quentinlesceller)\ **Post date:** [October 14, 2020, 2:17pm UTC](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894/10 "2020-10-14T14:17:58Z")
Regarding the overall design. I think you should look at what BRD wallet and Tari Aurora are doing. I find both app UX really great in term of setup and global usage. I’m not fond of the multiple page where it’s not extra clear there is something else on the left and right. Also I don’t think you need a Coinbase tab. BRD login: ![IMG_7148](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/9/9e8c4da8cb53697faa1c8691641c8030ff94995b.jpeg) BRD main screen (unnecessary in your case IMO since there is only Grin): ![IMG_7149](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/5/52679ec5ccd15974e2e45d0c034e11613661a472.png) And Bitcoin main screen: ![6A93A190-0F6C-4529-B480-DB1D3AA27FDA_1_105_c](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/8/808fc18cffb63d769a920fde46495d2e7dbf7318.jpeg) And here is Tari first setup: ![IMG_7152](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/2/26352784002a15878daaadd86db17302e80cbebc.jpeg) ![IMG_7153](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/0/04821fe75bb1b7e1a06d36c7aa0760ecac974725.jpeg) ![IMG_7151](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/d/df5d2aba45d8a6d2a918135529494f13937bb30e.jpeg) ![IMG_7154](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/0/0cdd0cd84fa2c3987e642c06cfcc6369128b919c.jpeg) ![IMG_7155](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/0/02f6066d7d38354fdb8394a54d8b7b077fcfa1b5.jpeg) ![IMG_7157](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/6/67457b835dbccbce256ef5b45e12ba374712907f.jpeg) ![IMG_7156](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/9/9d592a16a426be2b8842dbfa2eba707f575a70ef.jpeg) ![IMG_7158](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/8/8ef44eeeca70306e09cc6cd80651d4c3235e1558.jpeg) ![IMG_7159](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/2/242211433358de4b58d752bf49236c2a435f2752.jpeg) ![IMG_7160](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/8/81b1722b76da65cd3ece2df282c426762792da17.jpeg) You might also want to look at [Argent](https://www.argent.xyz) which I think looks great. This is just my 2 cents 🙂, design is a very personal thing and it’s your app. ---
**Author:** ![i1skn](https://avatars.discourse-cdn.com/v4/letter/i/c4cdca/32.png) [@i1skn](https://forum.grin.mw/u/i1skn)\ **Post date:** [October 14, 2020, 2:33pm UTC](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894/11 "2020-10-14T14:33:17Z")
This is really great! Congrats on such results so quickly! I’m looking forward to make Ironbelly and Grin++ Mobile to work together seamlessly! ---
**Author:** ![johndavies24](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/johndavies24/32/1828_2.png) [@johndavies24](https://forum.grin.mw/u/johndavies24)\ **Post date:** [October 14, 2020, 3:01pm UTC](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894/12 "2020-10-14T15:01:58Z")
It’s the other way around, coinbase company name comes from the fact that newly minted coins are called coinbase. Users who are confused by that will have to learn the terminology or something. If the mobile wallet will have coin control it will be important to know which outputs are coinbase. Maybe it can be an advanced feature that gets toggled on though ---
**Author:** ![Paouky](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/paouky/32/513_2.png) [@Paouky](https://forum.grin.mw/u/Paouky)\ **Post date:** [October 14, 2020, 5:48pm UTC](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894/13 "2020-10-14T17:48:31Z")
Awesome! I got two feature requests, if you find the time: - Add option to send _max_ amount of coins, as I outlined [here](https://github.com/GrinPlusPlus/GrinPlusPlus/issues/147). - Not directly related to the mobile app; Add a Scan button to manually rescan for outputs. Currently Grin++ requires to _resync_ the chain if there’s a discrepancy in balance (happens quite often). I don’t remember if the back-end for this has been implemented by davidb yet or not, but this is probably the biggest thing missing in Grin++ a the moment. Cheers. edit: - Option to connect wallet to a remote node. ---
**Author:** ![davidtavarez](https://avatars.discourse-cdn.com/v4/letter/d/3ab097/32.png) [@davidtavarez](https://forum.grin.mw/u/davidtavarez)\ **Post date:** [October 21, 2020, 9:32am UTC](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894/14 "2020-10-21T09:32:12Z")
Now there is two more post to follow the process: > [@Building and Running a full Grin Node (Grin++) on Android](https://forum.grin.mw/t/building-and-running-a-full-grin-node-grin-on-android/7917): > > BIG NOTES: the node is still unstable. I will keep this thread up to date. Do not waste your time trying to do this on Windows. The target for now is Android 10. The first thing that we need is the Android NDK. The Android NDK is a toolset that lets you embed components that make use of native code in your Android applications. Grin++ is written in the almighty C++ therefore we could use the Android NDK to build this little baby. At this moment we will need to download the NDK from the Canary (… And… > [@Building Grin++ for Raspberry Pi4](https://forum.grin.mw/t/building-grin-for-raspberry-pi4/7916): > > One of the biggest challenges is to be able to cross-compile dependencies, that’s why Grin++ uses [vcpkg](https://github.com/microsoft/vcpkg), which is a cross-platform open source package manager. In order to simplify the building process I decided to use [dockcross](https://github.com/dockcross/dockcross). The branch is public for everyone and can be found here: [https://github.com/GrinPlusPlus/GrinPlusPlus/tree/linux-arm64](https://github.com/GrinPlusPlus/GrinPlusPlus/tree/linux-arm64) and inside there is a Dockerfile. Te process is really straight forward: Make use of linux-arm64 docker image (based on debian:stretch-20190326-slim… I will keep this thread exclusively for the updates and the app itself. ---
**Author:** ![mcm-mike](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/mcm-mike/32/3492_2.png) [@mcm-mike](https://forum.grin.mw/u/mcm-mike)\ **Post date:** [October 24, 2020, 5:53pm UTC](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894/15 "2020-10-24T17:53:31Z")
moved topic to #techtalk . ---
**Author:** ![davidtavarez](https://avatars.discourse-cdn.com/v4/letter/d/3ab097/32.png) [@davidtavarez](https://forum.grin.mw/u/davidtavarez)\ **Post date:** [November 6, 2020, 1:41pm UTC](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894/16 "2020-11-06T13:41:04Z")
Some updates. - The code of the mobile app is now public here: [https://github.com/GrinPlusPlus/GrinPlusPlusMobile](https://github.com/GrinPlusPlus/GrinPlusPlusMobile) - An apk can be downloaded from here: keybase://public/dtavarez/com.grinplusplus.mobile.apk (or [https://keybase.pub/dtavarez/](https://keybase.pub/dtavarez/)). Note: **the apk is using mocked data**. - I will start connecting the UI with the API now. - I will update the builds more often in case anybody wants to test. In short words: now, I will be **focused on bringing the mobile app into life**! even if I’m not able to deliver all the features that I want for the first release, I’m still very confident we will have a fully functional Grin++ mobile app for December. ---
**Author:** ![davidtavarez](https://avatars.discourse-cdn.com/v4/letter/d/3ab097/32.png) [@davidtavarez](https://forum.grin.mw/u/davidtavarez)\ **Post date:** [November 6, 2020, 2:04pm UTC](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894/17 "2020-11-06T14:04:06Z")
Some screenshots now. ![001](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/a/a6ad4eace95e013be964de03eb8fc06a6e31a2e2.jpeg) ![002](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/b/b16a39283eb699aaa9798ae86344806423c9c8f8.jpeg) ![003](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/5/593c6169ef22aa0700bbad57857d4e8bd4ad497a.jpeg) ![004](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/d/da954c0185b820fac60e912946c44c47f768e7d8.jpeg) ![005](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/7/7ab7105794d03b578d370c83234681eab6d222ba.jpeg) ![006](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/5/58510df25e39e617af2035b89ba8fea90c4e54e9.jpeg) ![007](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/c/c8289f995b13b684fb750d72d5e900c8feb3dcf3.jpeg) ![008](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/f/f3f9407ebe155ec5dfe8779a3accf1a95d97d0c6.jpeg) ![009](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/f/ff19469fe4a1fb359731e4b44ad2208f46c427f0.jpeg) ![010](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/5/578b62a87afb3ca073391c7952eca7d8e586998b.jpeg) ![011](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/1/106266fa67538c7b674cc79ccbd20ea6bba4c761.jpeg) ![012](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/1/1d58bd6c19c324097a65a66b6bbedecebdc74af3.jpeg) ![013](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/1/1de27243baeba57109d03d8762d429b033b098fb.jpeg) ![014](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/6/6d95524a19196245bbec88e5043bd16fbfe294fa.jpeg) ![015](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/b/b6261ac27aba572a5ba2ed6dbb311160e96408c3.jpeg) ![016](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/2X/5/54714294fb41518bf5d951e505a5859add649d99.jpeg) ---
**Author:** ![Paouky](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/paouky/32/513_2.png) [@Paouky](https://forum.grin.mw/u/Paouky)\ **Post date:** [November 6, 2020, 4:07pm UTC](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894/18 "2020-11-06T16:07:03Z")
Looking great! Gotta love that 〜(ᵐ‿ʷ)〜 touch at the end (thanks to @grn I guess). ---
**Author:** ![davidtavarez](https://avatars.discourse-cdn.com/v4/letter/d/3ab097/32.png) [@davidtavarez](https://forum.grin.mw/u/davidtavarez)\ **Post date:** [November 6, 2020, 4:11pm UTC](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894/19 "2020-11-06T16:11:07Z")
Yes, thanks to @grn I will try to use the [Some Grin Emoticons](https://forum.grin.mw/t/some-grin-emoticons/7919) instead of the classic emoticons. ---
**Author:** ![grn](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/grn/32/3722_2.png) [@grn](https://forum.grin.mw/u/grn)\ **Post date:** [November 6, 2020, 4:45pm UTC](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894/20 "2020-11-06T16:45:53Z")
Thanks for using them. I love to see them in the wild. [Next page](https://forum.grin.mw/t/grin-mobile-progress-update-thread-by-davidtavarez/7894.md?page=2)