[GH-ISSUE #604] [Feature] Adding transactions on responsive mobile #49370

Closed
opened 2026-04-30 10:42:59 -05:00 by GiteaMirror · 26 comments
Owner

Originally created by @leikoilja on GitHub (Jan 31, 2023).
Original GitHub issue: https://github.com/actualbudget/actual/issues/604

Verified feature request does not already exist?

  • I have searched and found no existing issue

💻

  • Would you like to implement this feature?

Pitch: what problem are you trying to solve?

Now that the responsive web is out (kuddos to everyone involved), it would be amazing to add a feature for being able to add new transactions straight from your mobile

Describe your ideal solution to this problem

Inspired by YNAB, a new navbar tab for adding new transactions would be amazing.

Teaching and learning

No response

Originally created by @leikoilja on GitHub (Jan 31, 2023). Original GitHub issue: https://github.com/actualbudget/actual/issues/604 ### Verified feature request does not already exist? - [X] I have searched and found no existing issue ### 💻 - [ ] Would you like to implement this feature? ### Pitch: what problem are you trying to solve? Now that the responsive web is out (kuddos to everyone involved), it would be amazing to add a feature for being able to add new transactions straight from your mobile ### Describe your ideal solution to this problem Inspired by YNAB, a new navbar tab for adding new transactions would be amazing. <img width=390 src=https://user-images.githubusercontent.com/10655107/215812302-b8dcccb3-01b9-4442-800f-5e20875730e7.png> ### Teaching and learning _No response_
GiteaMirror added the responsivefeature labels 2026-04-30 10:42:59 -05:00
Author
Owner

@wiseindy commented on GitHub (Feb 22, 2023):

+1 do we have any plans to implement this on our roadmap?

<!-- gh-comment-id:1440318426 --> @wiseindy commented on GitHub (Feb 22, 2023): +1 do we have any plans to implement this on our roadmap?
Author
Owner

@modrzew commented on GitHub (Mar 5, 2023):

Hey there! I recently migrated over from YNAB4 and I'm liking what I'm seeing so far. Adding a transaction on mobile was my main use case of using a mobile version of YNAB — so much that I decided to write one myself for Actual.

Here's the first rough version that kind of works:

https://user-images.githubusercontent.com/2963462/222959281-32268bb8-c765-43fa-baaf-a62d99114347.mov

The code is over at my fork: https://github.com/modrzew/actual/tree/modrzew-mobile-add-transaction. Note that I focused mostly on making it work and fitting my specific use case. Some must-have features like validation are not there yet, since I'm pretty much the only user right now.

@j-f1 do you know if something like this would fit the vision and the current roadmap for Actual? I'm happy to iterate on it so that both UX and code match rest of the app. Alternatively, if there's someone else already working on a mobile add transaction screen I'd be keen to check it out.

<!-- gh-comment-id:1455074131 --> @modrzew commented on GitHub (Mar 5, 2023): Hey there! I recently migrated over from YNAB4 and I'm liking what I'm seeing so far. Adding a transaction on mobile was my main use case of using a mobile version of YNAB — so much that I decided to write one myself for Actual. Here's the first rough version that kind of works: https://user-images.githubusercontent.com/2963462/222959281-32268bb8-c765-43fa-baaf-a62d99114347.mov The code is over at my fork: https://github.com/modrzew/actual/tree/modrzew-mobile-add-transaction. Note that I focused mostly on making it work and fitting my specific use case. Some must-have features like validation are not there yet, since I'm pretty much the only user right now. @j-f1 do you know if something like this would fit the vision and the current roadmap for Actual? I'm happy to iterate on it so that both UX and code match rest of the app. Alternatively, if there's someone else already working on a mobile add transaction screen I'd be keen to check it out.
Author
Owner

@j-f1 commented on GitHub (Mar 5, 2023):

That’s super cool! Deferring to @trevdor

<!-- gh-comment-id:1455090094 --> @j-f1 commented on GitHub (Mar 5, 2023): That’s super cool! Deferring to @trevdor
Author
Owner

@rich-howell commented on GitHub (Mar 5, 2023):

Hey there! I recently migrated over from YNAB4 and I'm liking what I'm seeing so far. Adding a transaction on mobile was my main use case of using a mobile version of YNAB — so much that I decided to write one myself for Actual.

Here's the first rough version that kind of works:

The code is over at my fork: https://github.com/modrzew/actual/tree/modrzew-mobile-add-transaction. Note that I focused mostly on making it work and fitting my specific use case. Some must-have features like validation are not there yet, since I'm pretty much the only user right now.

@j-f1 do you know if something like this would fit the vision and the current roadmap for Actual? I'm happy to iterate on it so that both UX and code match rest of the app. Alternatively, if there's someone else already working on a mobile add transaction screen I'd be keen to check it out.

Daaaaamn! This is awesome. Thanks so much for this POC.

<!-- gh-comment-id:1455091712 --> @rich-howell commented on GitHub (Mar 5, 2023): > Hey there! I recently migrated over from YNAB4 and I'm liking what I'm seeing so far. Adding a transaction on mobile was my main use case of using a mobile version of YNAB — so much that I decided to write one myself for Actual. > > Here's the first rough version that kind of works: > > The code is over at my fork: https://github.com/modrzew/actual/tree/modrzew-mobile-add-transaction. Note that I focused mostly on making it work and fitting my specific use case. Some must-have features like validation are not there yet, since I'm pretty much the only user right now. > > @j-f1 do you know if something like this would fit the vision and the current roadmap for Actual? I'm happy to iterate on it so that both UX and code match rest of the app. Alternatively, if there's someone else already working on a mobile add transaction screen I'd be keen to check it out. Daaaaamn! This is awesome. Thanks so much for this POC.
Author
Owner

@Kidglove57 commented on GitHub (Mar 5, 2023):

Agreed - this is an absolute dream. Thank you for sharing.

<!-- gh-comment-id:1455108500 --> @Kidglove57 commented on GitHub (Mar 5, 2023): Agreed - this is an absolute dream. Thank you for sharing.
Author
Owner

@wiseindy commented on GitHub (Mar 5, 2023):

Hey there! I recently migrated over from YNAB4 and I'm liking what I'm seeing so far. Adding a transaction on mobile was my main use case of using a mobile version of YNAB — so much that I decided to write one myself for Actual.

Here's the first rough version that kind of works:

https://user-images.githubusercontent.com/2963462/222959281-32268bb8-c765-43fa-baaf-a62d99114347.mov

The code is over at my fork: https://github.com/modrzew/actual/tree/modrzew-mobile-add-transaction. Note that I focused mostly on making it work and fitting my specific use case. Some must-have features like validation are not there yet, since I'm pretty much the only user right now.

@j-f1 do you know if something like this would fit the vision and the current roadmap for Actual? I'm happy to iterate on it so that both UX and code match rest of the app. Alternatively, if there's someone else already working on a mobile add transaction screen I'd be keen to check it out.

This is beyond amazing!

<!-- gh-comment-id:1455111999 --> @wiseindy commented on GitHub (Mar 5, 2023): > Hey there! I recently migrated over from YNAB4 and I'm liking what I'm seeing so far. Adding a transaction on mobile was my main use case of using a mobile version of YNAB — so much that I decided to write one myself for Actual. > > Here's the first rough version that kind of works: > > https://user-images.githubusercontent.com/2963462/222959281-32268bb8-c765-43fa-baaf-a62d99114347.mov > > The code is over at my fork: https://github.com/modrzew/actual/tree/modrzew-mobile-add-transaction. Note that I focused mostly on making it work and fitting my specific use case. Some must-have features like validation are not there yet, since I'm pretty much the only user right now. > > @j-f1 do you know if something like this would fit the vision and the current roadmap for Actual? I'm happy to iterate on it so that both UX and code match rest of the app. Alternatively, if there's someone else already working on a mobile add transaction screen I'd be keen to check it out. This is beyond amazing!
Author
Owner

@fivestones commented on GitHub (Mar 5, 2023):

So exited about this!

<!-- gh-comment-id:1455178094 --> @fivestones commented on GitHub (Mar 5, 2023): So exited about this!
Author
Owner

@leikoilja commented on GitHub (Mar 6, 2023):

haha, that's so amazing to see the community traction and excitement such as this! 🚀
Amazing work, @modrzew!
Please take it further to open a PR and merge the goodies for the community! 💯 🔥
Once that's in and people start using it - I am sure more requests (validation, UI/UX etc) would come flowing and then we can all take it step at the time altogether

<!-- gh-comment-id:1455560441 --> @leikoilja commented on GitHub (Mar 6, 2023): haha, that's so amazing to see the community traction and excitement such as this! 🚀 Amazing work, @modrzew! Please take it further to open a PR and merge the goodies for the community! 💯 🔥 Once that's in and people start using it - I am sure more requests (validation, UI/UX etc) would come flowing and then we can all take it step at the time altogether
Author
Owner

@modrzew commented on GitHub (Mar 10, 2023):

Hey @trevdor! Would you be able to take a quick look at the screen I shared above and tell me if fits the direction / vision of where the Actual app is going? If so, I'm happy to spend more time ironing it out so that I can open a PR.

<!-- gh-comment-id:1463697695 --> @modrzew commented on GitHub (Mar 10, 2023): Hey @trevdor! Would you be able to take a quick look at the screen I shared [above](https://github.com/actualbudget/actual/issues/604#issuecomment-1455074131) and tell me if fits the direction / vision of where the Actual app is going? If so, I'm happy to spend more time ironing it out so that I can open a PR.
Author
Owner

@modrzew commented on GitHub (Mar 21, 2023):

Hey @trevdor, pinging about this 😄

Also @j-f1, how should I proceed in case @trevdor is unavailable at the moment — is there someone else who can advise here?

<!-- gh-comment-id:1477600193 --> @modrzew commented on GitHub (Mar 21, 2023): Hey @trevdor, pinging about this 😄 Also @j-f1, how should I proceed in case @trevdor is unavailable at the moment — is there someone else who can advise here?
Author
Owner

@CHAMLEX commented on GitHub (Mar 21, 2023):

@modrzew If I wanted to try this out how would I do this? I've deployed the actual-server repo to my local server and have been testing it but am just missing the mobile transaction entering for me to switch away from YNAB4.

<!-- gh-comment-id:1478685807 --> @CHAMLEX commented on GitHub (Mar 21, 2023): @modrzew If I wanted to try this out how would I do this? I've deployed the actual-server repo to my local server and have been testing it but am just missing the mobile transaction entering for me to switch away from YNAB4.
Author
Owner

@j-f1 commented on GitHub (Mar 21, 2023):

@modrzew Feel free to open a PR, we can take a look at the code from there and always make revisions in the PR / in future PRs if needed.

<!-- gh-comment-id:1478703453 --> @j-f1 commented on GitHub (Mar 21, 2023): @modrzew Feel free to open a PR, we can take a look at the code from there and always make revisions in the PR / in future PRs if needed.
Author
Owner

@trevdor commented on GitHub (Mar 22, 2023):

@modrzew My apologies! I've been traveling and a extra busy of late.
Thank you for the work you've already put into this. Transaction entry and editing is SO important to moving us forward on mobile.

A couple thoughts:

  1. I just posted publicly an RFC that's been in the works for a while around our mobile strategy. Your approach is not at odds with the proposed direction--that is, a mobile-only screen or modal for transaction entry/edit. However, as it stands, your demo would need some refinement to look and feel like Actual.
  2. In my opinion, the quickest path to views that look and feel like Actual is most likely porting over the old React Native app components to web. Whether we were to copy/paste them almost as-is, rebuild them from scratch, or restyle your existing demo to match, those views offer a guide to a UX anyone coming from the native apps today would find familiar.
    • Porting from React Native is where the read-only views came from that we have today. They should interface nicely with the old entry/edit views.

But that's my opinion. Probably best to join the discussion on the RFC before we collectively decide how to proceed.

<!-- gh-comment-id:1478901478 --> @trevdor commented on GitHub (Mar 22, 2023): @modrzew My apologies! I've been traveling and a extra busy of late. Thank you for the work you've already put into this. Transaction entry and editing is SO important to moving us forward on mobile. A couple thoughts: 1. I just [posted publicly an RFC](https://github.com/actualbudget/actual/issues/804) that's been in the works for a while around our mobile strategy. Your approach is not at odds with the proposed direction--that is, a mobile-only screen or modal for transaction entry/edit. However, as it stands, your demo would need some refinement to look and feel like Actual. 2. In my opinion, the quickest path to views that look and feel like Actual is most likely porting over the [old React Native app components](https://github.com/actualbudget/actual-mobile-archive) to web. Whether we were to copy/paste them almost as-is, rebuild them from scratch, or restyle your existing demo to match, those views offer a guide to a UX anyone coming from the native apps today would find familiar. * Porting from React Native is where the read-only views came from that we have today. They should interface nicely with the old entry/edit views. But that's my opinion. Probably best to join the discussion on the RFC before we collectively decide how to proceed.
Author
Owner

@modrzew commented on GitHub (Mar 22, 2023):

Hey @trevdor, welcome back, no worries about the delay 👍

My first attempt at getting the new transaction screen on mobile was actually trying to run the code from https://github.com/actualbudget/actual-mobile-archive, but unfortunately I ran into some Java related issues. I only started using Actual in February this year, so I haven't had a chance to take a look at the native mobile experience yet. I fully agree that my PoC is not visually the best and should be improved — I focused mainly on my specific use case, ie. quickly add a transaction on the go, which was my main use case of the YNAB4 mobile app.

I'm still happy to work on the mobile add screen (and by extension mobile edit screen I guess) — let's chat about it in #804.

Quick question (I'll drop it here as to not create too much noise in #804), I'm running into yet-undecipherable issues while trying to compile the old React Native code — do you know what I'm doing wrong? I'll try to set my environment up again, but I'm fairly sure I followed the React Native setup guide.

Alternatively, is there any way to make the app from the Play Store to use a local database, or to point it to my server? Keen to see what the experience looked like before React Native was abandoned.

<!-- gh-comment-id:1479309803 --> @modrzew commented on GitHub (Mar 22, 2023): Hey @trevdor, welcome back, no worries about the delay :+1: My first attempt at getting the new transaction screen on mobile was actually trying to run the code from https://github.com/actualbudget/actual-mobile-archive, but unfortunately I ran into some Java related issues. I only started using Actual in February this year, so I haven't had a chance to take a look at the native mobile experience yet. I fully agree that my PoC is not visually the best and should be improved — I focused mainly on my specific use case, ie. quickly add a transaction on the go, which was my main use case of the YNAB4 mobile app. I'm still happy to work on the mobile add screen (and by extension mobile edit screen I guess) — let's chat about it in #804. Quick question (I'll drop it here as to not create too much noise in #804), I'm running into [yet-undecipherable issues](https://gist.github.com/modrzew/7eacb1b16cdf8270a68d541aa4ceb943) while trying to compile the old React Native code — do you know what I'm doing wrong? I'll try to set my environment up again, but I'm fairly sure I followed the React Native setup guide. Alternatively, is there any way to make the app from the Play Store to use a local database, or to point it to my server? Keen to see what the experience looked like before React Native was abandoned.
Author
Owner

@modrzew commented on GitHub (Mar 22, 2023):

@CHAMLEX here's a rough guide. You'll need both actual-server and actual checked out side by side.

Inside actual, checkout to my branch, run yarn install and then ./bin/package-browser.

Once that finishes, go to actual-server, and edit the package.json file, and make the following change:

-    "@actual-app/web": "23.3.2",
+    "@actual-app/web": "../actual/packages/desktop-client",

using the path where actual repo is checked out.

Once that's done, restart Actual and it should work 👍

<!-- gh-comment-id:1479313038 --> @modrzew commented on GitHub (Mar 22, 2023): @CHAMLEX here's a rough guide. You'll need both `actual-server` and `actual` checked out side by side. Inside `actual`, checkout to my branch, run `yarn install` and then `./bin/package-browser`. Once that finishes, go to `actual-server`, and edit the `package.json` file, and make the following change: ```diff - "@actual-app/web": "23.3.2", + "@actual-app/web": "../actual/packages/desktop-client", ``` using the path where `actual` repo is checked out. Once that's done, restart Actual and it should work 👍
Author
Owner

@trevdor commented on GitHub (Mar 22, 2023):

@modrzew I've never gotten the RN app running myself. It's not exactly what you're after, but you can download the native app and Try Demo to at least see how it is intended to behave.

You also might have success copying over components to watch them run on web. It's pretty quick once the RN-specific stuff is removed. Maybe not super actionable since it's mostly just an outline, but here's the process I've followed before to quickly bring over RN components:

https://gist.github.com/trevdor/ac0e524bd599fc6ad0a4a27744531944

<!-- gh-comment-id:1479490541 --> @trevdor commented on GitHub (Mar 22, 2023): @modrzew I've never gotten the RN app running myself. It's not exactly what you're after, but you can download the native app and Try Demo to at least see how it is intended to behave. You also might have success copying over components to watch them run on web. It's pretty quick once the RN-specific stuff is removed. Maybe not super actionable since it's mostly just an outline, but here's the process I've followed before to quickly bring over RN components: https://gist.github.com/trevdor/ac0e524bd599fc6ad0a4a27744531944
Author
Owner

@github-actions[bot] commented on GitHub (May 1, 2023):

Thanks for sharing your idea!

This repository is now using lodash style issue management for enhancements. This means enhancement issues will now be closed instead of leaving them open. This doesn’t mean we don’t accept feature requests, though! We will consider implementing ones that receive many upvotes, and we welcome contributions for any feature requests marked as needing votes (just post a comment first so we can help you make a successful contribution).

The enhancement backlog can be found here: https://github.com/actualbudget/actual/issues?q=is%3Aissue+label%3A%22needs+votes%22+sort%3Areactions-%2B1-desc

Don’t forget to upvote the top comment with 👍!

<!-- gh-comment-id:1530116224 --> @github-actions[bot] commented on GitHub (May 1, 2023): :sparkles: Thanks for sharing your idea! :sparkles: This repository is now using lodash style issue management for enhancements. This means enhancement issues will now be closed instead of leaving them open. This doesn’t mean we don’t accept feature requests, though! We will consider implementing ones that receive many upvotes, and we welcome contributions for any feature requests marked as needing votes (just post a comment first so we can help you make a successful contribution). The enhancement backlog can be found here: https://github.com/actualbudget/actual/issues?q=is%3Aissue+label%3A%22needs+votes%22+sort%3Areactions-%2B1-desc Don’t forget to upvote the top comment with 👍!
Author
Owner

@leikoilja commented on GitHub (May 2, 2023):

Hey, , @modrzew. Just wanted to check up on you, how is it going around here? :)

<!-- gh-comment-id:1530911840 --> @leikoilja commented on GitHub (May 2, 2023): Hey, , @modrzew. Just wanted to check up on you, how is it going around here? :)
Author
Owner

@modrzew commented on GitHub (May 7, 2023):

Sorry @leikoilja I've made little progress, I attempted to run the React Native app a few times but to no avail — and then real world duties called me. My branch is a bit behind master but it should still be working.

<!-- gh-comment-id:1537429083 --> @modrzew commented on GitHub (May 7, 2023): Sorry @leikoilja I've made little progress, I attempted to run the React Native app a few times but to no avail — and then real world duties called me. My branch is a bit behind master but it should still be working.
Author
Owner

@momowell commented on GitHub (Jun 1, 2023):

We really need this ;-)

<!-- gh-comment-id:1571335358 --> @momowell commented on GitHub (Jun 1, 2023): We really need this ;-)
Author
Owner

@Cldfire commented on GitHub (Jul 6, 2023):

I'm part of the way through porting the React Native edit transaction components from the mobile app:

https://github.com/actualbudget/actual/assets/13814214/08e8765d-a3ef-47bf-a549-359fa86523ca

I have some functionality left to implement / cleanup to do, but it's not far off. This should unblock transaction adding and editing on mobile devices.

I posted on Discord as well to confirm this is the expected direction but didn't get a reply, so I'll continue working to get this up in a PR unless I hear otherwise.

<!-- gh-comment-id:1624007525 --> @Cldfire commented on GitHub (Jul 6, 2023): I'm part of the way through porting the React Native edit transaction components from the mobile app: https://github.com/actualbudget/actual/assets/13814214/08e8765d-a3ef-47bf-a549-359fa86523ca I have some functionality left to implement / cleanup to do, but it's not far off. This should unblock transaction adding and editing on mobile devices. I posted on Discord as well to confirm this is the expected direction but didn't get a reply, so I'll continue working to get this up in a PR unless I hear otherwise.
Author
Owner

@wiseindy commented on GitHub (Jul 6, 2023):

That looks amazing, can't wait!

<!-- gh-comment-id:1624012863 --> @wiseindy commented on GitHub (Jul 6, 2023): That looks amazing, can't wait!
Author
Owner

@j-f1 commented on GitHub (Jul 6, 2023):

@Cldfire That looks like an awesome start! Needs a bit of UI polish but once that’s done I would love to merge it :)

<!-- gh-comment-id:1624361601 --> @j-f1 commented on GitHub (Jul 6, 2023): @Cldfire That looks like an awesome start! Needs a bit of UI polish but once that’s done I would love to merge it :)
Author
Owner

@Cldfire commented on GitHub (Jul 7, 2023):

Tonight's progress (screen recording from my iPhone):

https://github.com/actualbudget/actual/assets/13814214/77dd1454-1a18-47b3-9356-4ff9f788183c

  • Adding transactions is implemented and working
  • Editing works well
  • UI is looking much better

Still need to:

  • Fix some bugs (marking transaction as cleared is broken as seen in video 😛)
  • Polish UI some more
  • Clean up the code
<!-- gh-comment-id:1624807014 --> @Cldfire commented on GitHub (Jul 7, 2023): Tonight's progress (screen recording from my iPhone): https://github.com/actualbudget/actual/assets/13814214/77dd1454-1a18-47b3-9356-4ff9f788183c * Adding transactions is implemented and working * Editing works well * UI is looking much better Still need to: * Fix some bugs (marking transaction as cleared is broken as seen in video 😛) * Polish UI some more * Clean up the code
Author
Owner

@github-actions[bot] commented on GitHub (Aug 8, 2023):

🎉 This feature has been implemented in #1340 and will be released in the next version. Thanks for sharing your idea! 🎉

<!-- gh-comment-id:1668858009 --> @github-actions[bot] commented on GitHub (Aug 8, 2023): :tada: This feature has been implemented in #1340 and will be released in the next version. Thanks for sharing your idea! :tada: <!-- feature-implemented-comment -->
Author
Owner

@leikoilja commented on GitHub (Aug 8, 2023):

Whop whop, @Cldfire, thank you for implementing it ❤️🤩🔥

<!-- gh-comment-id:1669001435 --> @leikoilja commented on GitHub (Aug 8, 2023): Whop whop, @Cldfire, thank you for implementing it ❤️🤩🔥
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#49370