search

Gerben321 / bike-care-tracker

Issue/Suggestion tracker for Bike Care app
3 stars 0 forks source link

Enable mobile home screen shortcut #4

Closed OleksiyRudenko closed 4 months ago

OleksiyRudenko commented 4 months ago

Context Android allows adding a shortcut to a webpage to the home screen from browser (three-dot control => Add to Home screen). This helps to group web bookmarks with native apps (e.g. along with Strava app).

Proposal Change web page title from "Welcome!" to "BikeCare" for better bookmark identification.

Current behavior:

Desired behavior:

P.S. You may want to consider adding PWA capabilities. Given the web app is responsive should be a relatively easy task.

Gerben321 commented 4 months ago

Thanks that's a good idea. Will put it on the list.

Gerben321 commented 4 months ago

@OleksiyRudenko I've added some icons and created a manifest.json file to give it basic PWA capabilities. You should be able to try it out now.

Gerben321 commented 4 months ago

Seems like I can't get the shortcuts to work on Android with Edge right now, but seems to work nice on Windows 11 with Edge. image

Also installs as an app when using Chrome on Android.

@OleksiyRudenko Let me know what you think!

OleksiyRudenko commented 4 months ago

@Gerben321 Now Android Chrome offers Install Bike Care instead of Add to Home Screen. From this point on the experience is exactly the same as with any other Android app. Great improvement!

If you manage to find a way to initialize installation right from the web page, the overall experience will be super-native-like 👍

Similar experience on Win 10 / Chrome. The app appears among other apps in the system drawer and on the taskbar 👍

image

image

Seemingly small improvement, yet a big leap towards app accessibility.

Please consider adding installation instructions somewhere on the app to help users have it exactly where they want to find mobile/desktop apps.

OleksiyRudenko commented 4 months ago

Sorry for not being able to test iOS experience due to not possessing an iPhone.

Gerben321 commented 4 months ago

So you mean like a button on the page itself? If that's what you mean I'm not sure that's possible, but instructions how to do it should be possible for sure!

I don't have an iPhone myself but I could try to see what happens on my gf her iPad. Hopefully that's a similar experience.

Thanks for testing and I'm happy that you like the improvements!

Gerben321 commented 4 months ago

Just tested on an iPad. It's not as fancy as on Android and Windows (surprise 😊), but it's a basic bookmark, but with the icon working. So fine with me. I'll close this as I think this is completed. A new issue can be opened for extra features on this.