Skip to content

jacqueline-he/catchy.

Repository files navigation

catchy.

Table of Contents

  1. Description
  2. Login Page
  3. Home Feed
  4. Details Page
  5. Search Page
  6. Profile Page
  7. Find Friends
  8. Settings
  9. Credits

Description

catchy. is a Spotify-powered music recommendation app that helps users find their new favorite songs. Users can swipe through different song profiles, search for tracks, save liked songs, follow other users, and more.

Initial draft design linked here.

Login Page

Login Page

Product Spec:

  • User can log in or sign up
  • Error handling if user isn't logged into or hasn't installed Spotify

Home Feed

Home Feed

Product Spec:

  • Profiles constructed for each song
  • Tiktok-like mechanism that allows users to swipe for new song profiles
  • Infinite refresh as songs are continuously loaded from Spotify / Parse
  • Users can double-tap to like / unlike songs
  • Users can single-tap to pause / resume playing
  • Users can tap on song title to reach its details page through an animated shared element activity transition
  • Song profile plays on loop

Details Page

Product Spec:

  • Additional playback features such as fast-forwarding, rewinding, pausing / resuming
  • Users can double-tap to like / unlike songs
  • Background color changes dynamically based on album art (bitmap loading with LRU cache)

Search Page

Search Page

Product Spec:

  • User can search for new songs via track title or artist title
  • User can tap search result to view song details
  • Search function has infinite load
  • Background color changes dynamically based on current user's profile picture

Profile Page

Product Spec:

  • Each user has an individual profile picture, full name, and bio
  • User can tap profile image to access full name and bio
  • User profile displays list of favorite songs
  • User can view following / follower lists
  • Background color changes dynamically based on user's profile picture

Find Friends

Find Friends

Product Spec:

  • User can tap search result to view other users' profile pages
  • Search function has infinite load
  • Current user can follow / unfollow other users from search results
  • Background color changes dynamically based on current user's profile picture

Settings

Product Spec:

  • User can set new full name or bio
  • User can change profile picture by taking a picture through the native camera app or uploading an existing one from the photo gallery
  • User can toggle between having explicit content filtered out from song recommendations or not
  • User can toggle between listening to a 30-second snippet of a song in the home feed or its full duration
  • User can view about popup page
  • Background color changes dynamically based on current user's profile picture

Credits

3rd party libraries, icons, and graphics used: