Improve UI to make it as good as native apps

[josephfrazier]

From https://reportedcab.slack.com/archives/C7Z0BHMMY/p1663092819678649:

hey team - so I met with @Joseph Frazier yesterday and we think we have a general plan for Reported. Basically due to insufficient resources for ios and android, we are going to direct our efforts to make the webapp a superior experience than the current mobile apps. It’s not super easy but the first major step is to apply a framework like this https://onsen.io/v2/guide/ and beef up the mobile web UX. if anyone has web experience and wants to help, DM me and we can loop you into the webapp code. Step 2 would be to just encourage folks to use the webapp instead of ios/android and then we can begin making meaningful progress on the backend without having to apply changes to 3 different places. eventually the plan would be to deprecate android/ios (but only if the webapp experience is superior. right now it isn’t). thoughts?

and https://reportedcab.slack.com/archives/C7Z0BHMMY/p1664676030509489?thread_ts=1663092819.678649&cid=C7Z0BHMMY:

Getting back to the original topic of the thread, improving the overall #webapp UI to make it as good as the native apps, I think I'm going to try using Onsen UI, as originally suggested by @jeff. I looked into Framework7 and Ionic, and while those seem to be a bit more popular, they seem to be a little more opinionated and geared more at starting new apps, rather than migrating existing apps over.

This decision isn't set in stone, so if anyone has advice/expertise here, please comment in the thread. Otherwise, I'll post back when I have an update!

[josephfrazier]

Re. https://github.com/josephfrazier/Reported-Web/actions/runs/3167436493/jobs/5157931694 (Invalid state error), it looks like onsen doesn't work well with jest, see https://stackoverflow.com/questions/39843192/react-onsenui-mocha-test-error-error-invalid-state