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. ( https://github.com/MelroyNoronha/radioPool/issues/15#issue-1669213633)
  • 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.