Hide sidebar in initial state

[bragefuglseth]

Is your feature request related to a problem? Please describe.-

The initial state of the app looks awkward, with a completely empty sidebar

Describe the solution you'd like

When there are no flash card sets, the app should only display a status page with a pill button to create a set (e.g. the current status page, but without the sidebar, and with a button underneath the description instead of the + icon in the corner. See Image Viewer for reference).

Describe alternatives you've considered

• Open the app directly into set creation on first launch: could work, but a status page serves as a welcoming introduction of the app and provides some breathing space

Additional context

Current state:

Image viewer (proposed source of insipiration):

[david-swift]

Hi @bragefuglseth, thank you so much for opening the issue! What do you think about the following onboarding UX (I'll rename "name" to "title" because that's how it is called in the entry)?

Screencast from 2024-03-08 20-10-51.webm

[bragefuglseth]

Better! The page would be even more welcoming if we turned it from an empty state page into a proper landing page:

• Replace the symbolic with the fullcolor app icon (or an illustration, I can help with that if you're interested)
• Replace "No Sets" with a title-case version of the app slogan ("Study Flashcards")
• Replace the description with "Create a set to start practicing"
• Shorten the button label to "Create Set"

Otherwise this LGTM!

[david-swift]

I agree that a landing page would be more welcoming.

An illustration works better than the app icon as the icon doesn't work on light backgrounds. Thanks for offering your support, I'll definitely need that!

[david-swift]

I finally implemented a proper landing page with the app icon: