Wireframes

Wireframes

Splash Screen

• /

Login Form

• /login

Sign Up Form

• /signup

---

Main Layout

---

Playlists

Initial screen, playlist display

• /collection/playlists - homepage, collection of user playlists.

New Playlist

• After clicking on New Playlist button.

Show Playlist

• /user/:userID/playlists/playlist/:playlistID - show a specific playlist after clicking on the playlist name.

Update Playlist name

• /playlist/:playlistID/edit - edit a playlist.

Update Playlist songs

Add song to playlist

---

Search

Search Form and results for playlists.

• /search/ - search for a specific playlist.

Search Form and results for songs.

• /search/ - search for a specific playlist.

Search Form and results for songs.

• /search/ - search for a specific user.

---

User Profile

Current user profile playlists section

• /users/:userId/ - user profile by clicking on the current user link in the nav bar.

Current user profile friends section

• /users/:userId/friends - user profile by clicking on the current user link in the nav bar.

Other user profile friends section

• /users/:userId - Follow buttons now appear.