Awesome

Xamarin.Forms SoundCloud App Clone

Um clone do SoundCloud feito com Xamarin.Forms. Este app está sendo desenvolvido em live streams que ocorrem semanalmente. Estas lives estão sendo transmitidas pelo Youtube e Twitch.

Para quem prefere Youtube, criei uma playlist com todas as lives do clone do SoundCloud com Xamarin.Forms.

Gifs

O app tem uma animação na tela de detalhes da playlist, confira:

Android

<kbd><img width="250" src="art/android_playlist_detail_animation_light.gif" /></kbd><kbd><img width="250" src="art/android_playlist_detail_animation_dark.gif" /></kbd>

iOS

<kbd><img width="250" src="art/ios_playlist_detail_animation_light.gif" /></kbd><kbd><img width="250" src="art/ios_playlist_detail_animation_dark.gif" /></kbd>

Screenshots

Android

Tela das playlists

<kbd><img width="250" src="art/android_home_1_light.png" /></kbd><kbd><img width="250" src="art/android_home_1_dark.png" /></kbd>

Tela dos detalhes de uma playlist

<kbd><img width="250" src="art/android_playlist_detail_1_light.png" /></kbd><kbd><img width="250" src="art/android_playlist_detail_1_dark.png" /></kbd>

<kbd><img width="250" src="art/android_playlist_detail_2_light.png" /></kbd><kbd><img width="250" src="art/android_playlist_detail_2_dark.png" /></kbd>

Tela dos streamings

<kbd><img width="250" src="art/android_stream_1_light.png" /></kbd><kbd><img width="250" src="art/android_stream_1_dark.png" /></kbd>

Tela de busca

<kbd><img width="250" src="art/android_search_1_light.png" /></kbd><kbd><img width="250" src="art/android_search_1_dark.png" /></kbd>

<kbd><img width="250" src="art/android_search_2_light.png" /></kbd><kbd><img width="250" src="art/android_search_2_dark.png" /></kbd>

<kbd><img width="250" src="art/android_search_3_light.png" /></kbd><kbd><img width="250" src="art/android_search_3_dark.png" /></kbd>

Tela da biblioteca

<kbd><img width="250" src="art/android_library_1_light.png" /></kbd><kbd><img width="250" src="art/android_library_1_dark.png" /></kbd>

<kbd><img width="250" src="art/android_library_2_light.png" /></kbd><kbd><img width="250" src="art/android_library_2_dark.png" /></kbd>

Tela de opções

<kbd><img width="250" src="art/android_library_more_1_light.png" /></kbd><kbd><img width="250" src="art/android_library_more_1_dark.png" /></kbd>

<kbd><img width="250" src="art/android_library_more_2_light.png" /></kbd><kbd><img width="250" src="art/android_library_more_2_dark.png" /></kbd>

Tela de configurações

<kbd><img width="250" src="art/android_library_settings_1_light.png" /></kbd><kbd><img width="250" src="art/android_library_settings_1_dark.png" /></kbd>

Tela de seleção do tema

<kbd><img width="250" src="art/android_library_theme_1_light.png" /></kbd><kbd><img width="250" src="art/android_library_theme_1_dark.png" /></kbd>

iOS

Tela das playlists

<kbd><img width="250" src="art/ios_home_1_light.png" /></kbd><kbd><img width="250" src="art/ios_home_1_dark.png" /></kbd>

Tela dos detalhes de uma playlist

<kbd><img width="250" src="art/ios_playlist_detail_1_light.png" /></kbd><kbd><img width="250" src="art/ios_playlist_detail_1_dark.png" /></kbd>

<kbd><img width="250" src="art/ios_playlist_detail_2_light.png" /></kbd><kbd><img width="250" src="art/ios_playlist_detail_2_dark.png" /></kbd>

Tela dos streamings

<kbd><img width="250" src="art/ios_stream_1_light.png" /></kbd><kbd><img width="250" src="art/ios_stream_1_dark.png" /></kbd>

Tela de busca

<kbd><img width="250" src="art/ios_search_1_light.png" /></kbd><kbd><img width="250" src="art/ios_search_1_dark.png" /></kbd>

<kbd><img width="250" src="art/ios_search_2_light.png" /></kbd><kbd><img width="250" src="art/ios_search_2_dark.png" /></kbd>

<kbd><img width="250" src="art/ios_search_3_light.png" /></kbd><kbd><img width="250" src="art/ios_search_3_dark.png" /></kbd>

Tela da biblioteca

<kbd><img width="250" src="art/ios_library_1_light.png" /></kbd><kbd><img width="250" src="art/ios_library_1_dark.png" /></kbd>

<kbd><img width="250" src="art/ios_library_2_light.png" /></kbd><kbd><img width="250" src="art/ios_library_2_dark.png" /></kbd>

Tela de opções

<kbd><img width="250" src="art/ios_library_more_1_light.png" /></kbd><kbd><img width="250" src="art/ios_library_more_1_dark.png" /></kbd>

Tela de configurações

<kbd><img width="250" src="art/ios_library_settings_1_light.png" /></kbd><kbd><img width="250" src="art/ios_library_settings_1_dark.png" /></kbd>

Tela de seleção do tema

<kbd><img width="250" src="art/ios_library_theme_1_light.png" /></kbd><kbd><img width="250" src="art/ios_library_theme_1_dark.png" /></kbd>

Tela de ajustes do sistema operacional

<kbd><img width="250" src="art/ios_settings_bundle.png" /></kbd>