search

fillmaster / fillMaster

FillMaster: A drum idea generator / improvisation trainer! - Open Source, always looking for more contributors :)
https://fillmaster.app/
GNU General Public License v3.0
31 stars 7 forks source link

Create a Splash Screen #1

Open dcallus opened 2 years ago

dcallus commented 2 years ago

A splash screen is needed for slower devices to display (instead of a blank screen) before the app has loaded.

I've noticed some times it even says 'react app' or something similar very quickly before the app loads (android).

Use the logo inside the assets folder as the splash screen.

If you need to assign a background colour. Use #076AE0 as it matches the logo.

Check this guide for android: https://www.simicart.com/blog/pwa-splash-screen/#:~:text=The%20case%20for%20splash%20screens%20in%20PWAs,-When%20unconfigured%2C%20users&text=This%20should%20be%20fine%20on,initial%20perception%20of%20your%20app.

and for iphone: https://appsco.pe/developer/splash-screens

dcallus commented 2 years ago

Partly done.

Favicons have been added and title changed. Chrome logo appears on top of logo though (android). Check issue here: https://stackoverflow.com/questions/44060253/how-to-remove-chrome-logo-from-pwa-app-home-screen-link-android-o-preview

Splash screen working for android only so far.

dcallus commented 2 years ago

try to remake the logos in .svg format.. Wait until UX people have looked over the app.

Make sure when the splash screens and favicons are remade they use the colour from the manifest.