Plugins
Templates
Blocks
Template Setup Guides

Streamy - Music Streaming | Spotify Template

Template page link: https://zeroqode.com/template/streamy---music-streaming-|-spotify-template-1509547470102x832930326650814500

Introduction

Streamy is a responsive no-code template for building a music streaming app without code, using functionality similar to Spotify. This no-code app template allows you to create your own albums and add music by uploading or by selecting from the app's database. Create the ditital playlist you have been meaning to share!

Features

  • Music playback

  • Uploading songs

  • Creating albums

  • Following and unfollowing albums

  • Upload songs and playback

  • Stripe Integration

  • Subscription to Premium or Free Plans

  • Admin panel

  • Responsive design

The template comes with a paid plugin - Music Player - you would need to subscribe to it (or buy it) if you want to continue using it for more control over playing back music files or you can as well replace it with the default free Music Player plugin built by Bubble.

Data Structure

User

This contains user's list of album, list of tracks created, favorite list of tracks, User's First Name, Last Name and Nickname, user's Profile Photo and new list of tracks. Admin field for choosing type of your user.

Track

This contains track's Artist, genre, image, Name, and track.

This contains information such as menu and name.

This contains information such as submenu and name.

Genre

This contains the genre's name and image.

Album

This contains the album's artist, Cover, Description, list of followers, list of genre, Name and track list.

Subscription

This contains two type of subscription plans: Silver and Gold.

Pages

Index

This is the homepage for this template, it displays a beautiful welcome image for everyone to see. you get to log in or sign up on this page. and also to choose between free music streaming and premium music streaming. Scrolling down you'll see a short overview about what the website stands for, and it's main features, the multi device support. At the end it shows the subscription plan available on the website.

Log in

This is the log in section for this template. It allows already registered users access to the website. It pops out the log in form and requests for email and password to log in. In case any user forgets password there's a password recovery section for that.

Custom State

Note

Element Name

demo

To allow demo users access to the site

login

My Music

This page shows the user's albums, favorite musics, also show new releases. You get to play any music of your liking here and follow them too. It also displays information about any track the user is playing, such as Artist, genre, image, Name, and track. There's a search bar to search for any song.

Custom State

Note

Element Name

type

To set type of music/album

mymusic, Group albums main

list_album

To show list of albums

mymusic

album

To add a new track to an album

Button Add Track

genre

To add/create a song to a genre

Group albums main, Group genre

track

To put a track on pause

Icon play favorite (pause)

index

Icon play favotite, mymusic

trackplayed

To identify track played

Icon play favotite

search

To search for songs

Input SearchBox track

picture

To upload a cover image for the track

PictureUploader A

Sign up

This is the sign up section for this template. It allows new users to create new accounts and access to the website. It pops out the sign up form and requests for nickname, email and password to sign up.

Profile

This page is designed as user dashboard where he/she can change subscription settings like upgrading to Premium or unsubscribing from it. As well profile editing features.

Admin

This page contains starting tools for managing the app. Like viewing the list of users, delete the users, view graph statistics of tracks, albums and user. The page maintains overall design of template.

Things to note

Database things: Most of the template content were directly pulled from the template database. Please do not delete an entire data thing unless you are sure of what you are doing. However, feel free to delete template content used in building this template, preferably from the admin dashboard.

Admin page: For security purposes the template has limited rights for potential customers. What that means is that you will not be able to use the admin features at full until you will not buy this template and enable the editing features (delete or edit).

If you already bought the template you can enable the additional feature by following the steps below:

Under Data tab in the Editor, you could find the Data Type USER which has Admin field with Yes/No condition for when Yes is set the Admin rights are enabled and user can edit and delete from Admin page, however if No is set the Admin rights are disabled for user.

Admin Rights - field Yes/No

The workflow which shows different pop-up information regarding the security measure for when an Admin is Yes or No

Admin is Yes workflow
Admin is No workflow

Demo to preview the template