Wireframes and app flow

[MelroyNoronha]

What we need from this issue:

• List of screens
• App flow (User story)

Design system: https://spectrum.adobe.com/

[MelroyNoronha]

From the prototype it looks like the app is basically > login/signup (youtube, spotify, soundcloud) > search music > create playlists > share playlists > done.

Outline based on prototype (temporary and subject to improvement):

• AUTH FLOW

  • App opens with splash screen and navigates to Sign up screen.
  • Sign up with email and password. ( We want email and password based auth for this app #15 (comment))
  • User is logged in.

• MAIN APP FLOW

  • CONNECT PLATFORMS TO SEARCH AND ADD MUSIC

    • User has to connect the app to desired platforms (Spotify, YouTube, SoundCloud).
    • After connecting to at least one platform (at least one is required). User is taken to home screen.

  • CREATE PLAYLISTS

    • Home screen has search bar to search for songs. Search returns results from all connected platforms. Results are shown in a list.
    • User can select a track from the search results and add it to a playlist.
    • User can see playlists on the playlists screen.
    • Playlists can be shared.