Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Tell mobile users to install the PWA "app" #2233

Closed
taoeffect opened this issue Jul 19, 2024 · 0 comments · Fixed by #2242
Closed

Tell mobile users to install the PWA "app" #2233

taoeffect opened this issue Jul 19, 2024 · 0 comments · Fixed by #2242
Assignees
@SebinSong
Labels
App:Frontend Kind:Enhancement Improvements, new features, performance upgrades, etc. Note:UI/UX Priority:High

Comments

@taoeffect
Copy link
Member

taoeffect commented Jul 19, 2024 •
edited
Loading

Problem

When people visit the site on mobile, the browser doesn't tell them that they can install it as a PWA.

Solution

On the homepage (where the login and signup buttons are), below them we should add an inset info thing that either tells them to use the browser's features to install the PWA, or better yet, has a button they can click that will trigger trigger the installation.

E.g. something here:

Screenshot 2024-07-19 at 10 08 45 AM
@taoeffect taoeffect added Kind:Enhancement Improvements, new features, performance upgrades, etc. App:Frontend Priority:High Note:UI/UX labels Jul 19, 2024
@SebinSong SebinSong self-assigned this Jul 19, 2024
@SebinSong SebinSong mentioned this issue Jul 20, 2024
Merged
SebinSong added a commit that referenced this issue Jul 23, 2024
@SebinSong
Merge remote-tracking branch 'origin/master' into sebin/task/#2233-cu…
d296325 
…stom-ui-for-installing-pwa
SebinSong added a commit that referenced this issue Jul 24, 2024
@SebinSong
Merge remote-tracking branch 'origin/master' into sebin/task/#2233-cu…
f9fdd14 
…stom-ui-for-installing-pwa
SebinSong added a commit that referenced this issue Jul 25, 2024
@SebinSong
Merge remote-tracking branch 'origin/master' into sebin/task/#2233-cu…
a8608cc 
…stom-ui-for-installing-pwa
taoeffect pushed a commit that referenced this issue Jul 25, 2024
@SebinSong
#2233 - Custom PWA installation in Home.vue (#2242)
37d9f4a 
* create PWA-related sbp selectors

* add PWA promo banner to Home.vue

* custom pwa install logic in Home.vue

* design updates for PR feedbacks

* fix the linter err

* add a comment
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@SebinSong SebinSong

Labels
App:Frontend Kind:Enhancement Improvements, new features, performance upgrades, etc. Note:UI/UX Priority:High
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

#2233 - Custom PWA installation in Home.vue okTurtles/group-income
2 participants
@taoeffect @SebinSong