diff --git a/README.md b/README.md
index c91be80..8bb383f 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,16 @@
 # Humm App for sharing music
-Humm is an app for sharing playlists across multiple streaming services, both for yourself and with friends
+
+Hum is an IOS application that allows users to share playlists across music streaming platforms. Our application currently supports the conversion of apple music to Spotify and vice versa.
+
+## Motivation
+### Example
+Emily and her best friend Elena are always sharing their playlists. However, Emily uses apple music and Elena uses spotify. So they  currently screenshot their playlist and message it to the other person. They then have to search through their respective music streaming service for each song and add it to a playlist.
+## Resolution
+Now with Humm, Emily and Elena log in to our app, and connect their music screaming service. All of their playlists are imported and they add each other as friends. They then  share individual playlists with one another. Once Emily or Elena accepts the playlist request, the playlist gets downloaded to spotify or apple. The playlist shows up under their shared playlists view in our app as well as on their spotify or apple music account. With Humm you can also convert your own playlists from one service to another.
 
 ## Future Features:
 - YouTube support
 - Collaborative Playlists
 - In-App music streaming
+
+
diff --git a/ios/Controllers/MediaLibraryManager.swift b/ios/Controllers/MediaLibraryManager.swift
index cb58f21..c08d6d8 100644
--- a/ios/Controllers/MediaLibraryManager.swift
+++ b/ios/Controllers/MediaLibraryManager.swift
@@ -174,6 +174,7 @@ class MediaLibraryManager: NSObject {
       struct Playlist: Codable {
         var name: String
         var songs: [Song]
+        var id: String
         
       }
       
@@ -184,6 +185,7 @@ class MediaLibraryManager: NSObject {
       let playlists = myPlaylistQuery.collections
       
       for playlist in playlists! {
+        let playlistId = String(describing: playlist.value(forProperty: MPMediaItemPropertyPersistentID)!)
         let songs = playlist.items
         var songsInPlaylist: [Song] = []
         for song in songs {
@@ -207,7 +209,7 @@ class MediaLibraryManager: NSObject {
 //          task.resume()
         }
         let playlistName = String(describing: playlist.value(forProperty: MPMediaPlaylistPropertyName)!)
-        allPlaylists.append(Playlist(name: playlistName, songs: songsInPlaylist))
+        allPlaylists.append(Playlist(name: playlistName, songs: songsInPlaylist, id: playlistId))
       }
       
       let jsonEncoder = JSONEncoder()
diff --git a/ios/HumClient.xcodeproj/xcshareddata/xcschemes/HumClient.xcscheme b/ios/HumClient.xcodeproj/xcshareddata/xcschemes/HumClient.xcscheme
index d22b913..fd59bb7 100644
--- a/ios/HumClient.xcodeproj/xcshareddata/xcschemes/HumClient.xcscheme
+++ b/ios/HumClient.xcodeproj/xcshareddata/xcschemes/HumClient.xcscheme
@@ -81,7 +81,7 @@
       </AdditionalOptions>
    </TestAction>
    <LaunchAction
-      buildConfiguration = "Release"
+      buildConfiguration = "Debug"
       selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
       selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
       language = ""
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/Contents.json b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Contents.json
index b083337..3cbb07d 100644
--- a/ios/HumClient/Images.xcassets/AppIcon.appiconset/Contents.json
+++ b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Contents.json
@@ -3,49 +3,49 @@
     {
       "size" : "20x20",
       "idiom" : "iphone",
-      "filename" : "hum-5.png",
+      "filename" : "Icon-40@2x-5.png",
       "scale" : "2x"
     },
     {
       "size" : "20x20",
       "idiom" : "iphone",
-      "filename" : "hum-4.png",
+      "filename" : "Icon-40@2x-4.png",
       "scale" : "3x"
     },
     {
       "size" : "29x29",
       "idiom" : "iphone",
-      "filename" : "hum-2.png",
+      "filename" : "Icon-40@2x-3.png",
       "scale" : "2x"
     },
     {
       "size" : "29x29",
       "idiom" : "iphone",
-      "filename" : "hum-3.png",
+      "filename" : "Icon-40@2x-2.png",
       "scale" : "3x"
     },
     {
       "size" : "40x40",
       "idiom" : "iphone",
-      "filename" : "hum-7.png",
+      "filename" : "Icon-40@2x.png",
       "scale" : "2x"
     },
     {
       "size" : "40x40",
       "idiom" : "iphone",
-      "filename" : "hum-6.png",
+      "filename" : "Icon-40@2x-1.png",
       "scale" : "3x"
     },
     {
       "size" : "60x60",
       "idiom" : "iphone",
-      "filename" : "hum.png",
+      "filename" : "Icon-60@2x.png",
       "scale" : "2x"
     },
     {
       "size" : "60x60",
       "idiom" : "iphone",
-      "filename" : "hum-1.png",
+      "filename" : "Icon-60@3x.png",
       "scale" : "3x"
     },
     {
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-1.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-1.png
new file mode 100644
index 0000000..428d2d9
Binary files /dev/null and b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-1.png differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-2.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-2.png
new file mode 100644
index 0000000..428d2d9
Binary files /dev/null and b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-2.png differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-3.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-3.png
new file mode 100644
index 0000000..428d2d9
Binary files /dev/null and b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-3.png differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-4.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-4.png
new file mode 100644
index 0000000..428d2d9
Binary files /dev/null and b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-4.png differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-5.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-5.png
new file mode 100644
index 0000000..428d2d9
Binary files /dev/null and b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x-5.png differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x.png
new file mode 100644
index 0000000..428d2d9
Binary files /dev/null and b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-40@2x.png differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-60@2x.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-60@2x.png
new file mode 100644
index 0000000..6a2a0fa
Binary files /dev/null and b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-60@2x.png differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-60@3x.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-60@3x.png
new file mode 100644
index 0000000..039ef9b
Binary files /dev/null and b/ios/HumClient/Images.xcassets/AppIcon.appiconset/Icon-60@3x.png differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-1.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-1.png
deleted file mode 100644
index d95401f..0000000
Binary files a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-1.png and /dev/null differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-2.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-2.png
deleted file mode 100644
index d95401f..0000000
Binary files a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-2.png and /dev/null differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-3.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-3.png
deleted file mode 100644
index d95401f..0000000
Binary files a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-3.png and /dev/null differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-4.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-4.png
deleted file mode 100644
index d95401f..0000000
Binary files a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-4.png and /dev/null differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-5.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-5.png
deleted file mode 100644
index d95401f..0000000
Binary files a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-5.png and /dev/null differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-6.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-6.png
deleted file mode 100644
index d95401f..0000000
Binary files a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-6.png and /dev/null differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-7.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-7.png
deleted file mode 100644
index d95401f..0000000
Binary files a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum-7.png and /dev/null differ
diff --git a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum.png b/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum.png
deleted file mode 100644
index d95401f..0000000
Binary files a/ios/HumClient/Images.xcassets/AppIcon.appiconset/hum.png and /dev/null differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Contents.json b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Contents.json
index 6d92a26..d607e64 100644
--- a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Contents.json
+++ b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Contents.json
@@ -34,6 +34,22 @@
       "orientation" : "portrait",
       "scale" : "2x"
     },
+    {
+      "orientation" : "portrait",
+      "idiom" : "ipad",
+      "filename" : "Default-Portrait~ipad_768x1024-1.png",
+      "extent" : "full-screen",
+      "minimum-system-version" : "7.0",
+      "scale" : "1x"
+    },
+    {
+      "orientation" : "landscape",
+      "idiom" : "ipad",
+      "filename" : "Default-Landscape~ipad_1024x768-1.png",
+      "extent" : "full-screen",
+      "minimum-system-version" : "7.0",
+      "scale" : "1x"
+    },
     {
       "orientation" : "portrait",
       "idiom" : "ipad",
@@ -42,6 +58,14 @@
       "minimum-system-version" : "7.0",
       "scale" : "2x"
     },
+    {
+      "orientation" : "landscape",
+      "idiom" : "ipad",
+      "filename" : "Default-Landscape@2x~ipad_2048x1536-1.png",
+      "extent" : "full-screen",
+      "minimum-system-version" : "7.0",
+      "scale" : "2x"
+    },
     {
       "orientation" : "portrait",
       "idiom" : "iphone",
@@ -84,6 +108,13 @@
       "extent" : "to-status-bar",
       "scale" : "2x"
     },
+    {
+      "orientation" : "portrait",
+      "idiom" : "ipad",
+      "filename" : "Default-Portrait@2x~ipad_1536x2048-1.png",
+      "extent" : "full-screen",
+      "scale" : "2x"
+    },
     {
       "orientation" : "landscape",
       "idiom" : "ipad",
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-1242@3x~iphone6s-landscape_2208x1242.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-1242@3x~iphone6s-landscape_2208x1242.png
index 31e8949..bd36c9e 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-1242@3x~iphone6s-landscape_2208x1242.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-1242@3x~iphone6s-landscape_2208x1242.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-1242@3x~iphone6s-portrait_1242x2208.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-1242@3x~iphone6s-portrait_1242x2208.png
index 9cf041d..45c4845 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-1242@3x~iphone6s-portrait_1242x2208.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-1242@3x~iphone6s-portrait_1242x2208.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-568h@2x~iphone_640x1136.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-568h@2x~iphone_640x1136.png
index 700bbcb..d51e8dd 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-568h@2x~iphone_640x1136.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-568h@2x~iphone_640x1136.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-750@2x~iphone6-landscape_1334x750.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-750@2x~iphone6-landscape_1334x750.png
index 6fb56db..47e40f4 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-750@2x~iphone6-landscape_1334x750.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-750@2x~iphone6-landscape_1334x750.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-750@2x~iphone6-portrait_750x1334.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-750@2x~iphone6-portrait_750x1334.png
index 402239c..6ca1c26 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-750@2x~iphone6-portrait_750x1334.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-750@2x~iphone6-portrait_750x1334.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape@2x~ipad_2048x1496.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape@2x~ipad_2048x1496.png
index 0878fa3..67edef3 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape@2x~ipad_2048x1496.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape@2x~ipad_2048x1496.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape@2x~ipad_2048x1536-1.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape@2x~ipad_2048x1536-1.png
new file mode 100644
index 0000000..ca04236
Binary files /dev/null and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape@2x~ipad_2048x1536-1.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape~ipad_1024x748.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape~ipad_1024x748.png
index 9cd38f6..c1d6d4a 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape~ipad_1024x748.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape~ipad_1024x748.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape~ipad_1024x768-1.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape~ipad_1024x768-1.png
new file mode 100644
index 0000000..4d46ff9
Binary files /dev/null and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Landscape~ipad_1024x768-1.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Portrait@2x~ipad_1536x2008.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Portrait@2x~ipad_1536x2008.png
index b137626..8fbc618 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Portrait@2x~ipad_1536x2008.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Portrait@2x~ipad_1536x2008.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Portrait@2x~ipad_1536x2048-1.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Portrait@2x~ipad_1536x2048-1.png
new file mode 100644
index 0000000..d7b64f7
Binary files /dev/null and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Portrait@2x~ipad_1536x2048-1.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Portrait~ipad_768x1024-1.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Portrait~ipad_768x1024-1.png
new file mode 100644
index 0000000..3550c15
Binary files /dev/null and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default-Portrait~ipad_768x1024-1.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default.png
index cb8e4ad..e4684e3 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default@2x~iphone_640x960.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default@2x~iphone_640x960.png
index bbf5883..6f5b1a0 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default@2x~iphone_640x960.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default@2x~iphone_640x960.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default~ipad.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default~ipad.png
index b137626..8fbc618 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default~ipad.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default~ipad.png differ
diff --git a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default~iphone.png b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default~iphone.png
index c50637f..11b5ba9 100644
Binary files a/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default~iphone.png and b/ios/HumClient/Images.xcassets/LaunchImage.launchimage/Default~iphone.png differ
diff --git a/ios/HumClient/Info.plist b/ios/HumClient/Info.plist
index 7da26a4..841de60 100644
--- a/ios/HumClient/Info.plist
+++ b/ios/HumClient/Info.plist
@@ -5,7 +5,7 @@
 	<key>CFBundleDevelopmentRegion</key>
 	<string>en</string>
 	<key>CFBundleDisplayName</key>
-	<string>Hum</string>
+	<string>Humm</string>
 	<key>CFBundleExecutable</key>
 	<string>$(EXECUTABLE_NAME)</string>
 	<key>CFBundleIdentifier</key>
@@ -45,7 +45,7 @@
 	<key>NSAppleMusicUsageDescription</key>
 	<string>Give Hum Authorization</string>
 	<key>NSLocationWhenInUseUsageDescription</key>
-	<string/>
+	<string></string>
 	<key>UIAppFonts</key>
 	<array>
 		<string>Entypo.ttf</string>
diff --git a/js/components/home/index.js b/js/components/home/index.js
index cb33939..d201d16 100644
--- a/js/components/home/index.js
+++ b/js/components/home/index.js
@@ -30,9 +30,8 @@ export default class Home extends Component {
         colors={['#FF5A5F', '#FC642D', '#ebcbb9']}
         style={styles.container}
       >
-        <Text style={styles.subtitle}>Back to the basics</Text>
-        <Text style={styles.title}>HUM</Text>
-        <Text style={styles.subtitle}>of sharing music</Text>
+        <Text style={styles.title}>HUMM</Text>
+        <Text style={styles.subtitle}>Welcome to HUMM.</Text>
         <View style={styles.buttonContainer}>
           <View style={{ marginTop: 5, marginBottom: 5 }}>
             <Button
diff --git a/js/components/home/style.js b/js/components/home/style.js
index cc28a7a..70be7f6 100644
--- a/js/components/home/style.js
+++ b/js/components/home/style.js
@@ -13,7 +13,7 @@ export default StyleSheet.create({
     marginTop: 60
   },
   title: {
-    fontSize: 65,
+    fontSize: 70,
     textAlign: 'center',
     color: '#fff',
     fontFamily: "PingFangTC-Light",
diff --git a/js/components/playlists/index.js b/js/components/playlists/index.js
index 524fe8a..b46c186 100644
--- a/js/components/playlists/index.js
+++ b/js/components/playlists/index.js
@@ -34,8 +34,8 @@ export default class Playlists extends Component {
     Database.getSharedPlaylists().on('value', this.pendingCallback);
   }
 
-  goToPlaylist = playlist => {
-    this.props.navigation.navigate('SinglePlaylist', playlist);
+  goToPlaylist = (playlist, compare) => {
+    this.props.navigation.navigate('SinglePlaylist', {playlist: playlist, compare: compare});
   };
 
   goToSharedPlaylist = playlist => {
diff --git a/js/components/playlists/myPlaylists.js b/js/components/playlists/myPlaylists.js
index 50b3b13..5a29d25 100644
--- a/js/components/playlists/myPlaylists.js
+++ b/js/components/playlists/myPlaylists.js
@@ -24,7 +24,7 @@ import {
 } from 'native-base';
 import styles from './styles';
 import * as Database from '../../../utils/database';
-import { AsyncStorage } from 'react-native';
+import { AsyncStorage, RefreshControl } from 'react-native';
 
 export default class MyPlaylists extends Component {
   constructor(props) {
@@ -32,25 +32,31 @@ export default class MyPlaylists extends Component {
     this.state = {
       playlists: [],
       pendingPlaylists: [], //refered to as SharedPlaylists
+      compareForRefresh: [],
       isLoading: true,
-      searchPlaylist: ''
+      searchPlaylist: '',
+      refreshing: false
     };
   }
 
   userPlaylistCallback = async snapshot => {
     let playlists = snapshot.val();
-    console.log(playlists)
     let temp = [];
+    serviceIdArray = [];
     for (let playlistId in playlists) {
       if (playlists[playlistId] === 'original') {
         const tempPlaylist = await Database.getPlaylistFromId(playlistId);
         const playlist = Object.assign({}, tempPlaylist.val(), { playlistId });
+        let songArr = []
+        if(tempPlaylist.val().songs) songArr = Object.keys(tempPlaylist.val().songs)
+        serviceIdArray.push({serviceId: playlist.serviceId, id: playlistId, songs: songArr});
         temp.push(playlist);
       }
     }
-    this.setState({ playlists: [] }, () => {
+    this.setState({ playlists: [], compareForRefresh: [] }, () => {
       this.setState({
         playlists: this.state.playlists.concat(temp),
+        compareForRefresh: this.state.compareForRefresh.concat(serviceIdArray),
         isLoading: false
       });
     });
@@ -71,6 +77,33 @@ export default class MyPlaylists extends Component {
     });
   };
 
+  _onRefresh() {
+    this.setState({ refreshing: true }, () => {
+      Database.updateAppleMusic(this.state.compareForRefresh, this.appleUpdateDone);
+    });
+  }
+
+  appleUpdateDone =  async playlistsIds => {
+    const idArr = playlistsIds
+    this.setState({ refreshing: false}, async () => {
+      for(playlistId of idArr){
+        const tempPlaylist = await Database.getPlaylistFromId(playlistId);
+        const playlist = Object.assign({}, tempPlaylist.val(), { playlistId });
+        let songArr = []
+        if(tempPlaylist.val().songs) songArr = Object.keys(tempPlaylist.val().songs)
+        let service = {serviceId: playlist.serviceId, id: playlistId, songs: songArr};
+        this.setState({playlists: this.state.playlists.map(oldPlaylist => {
+          if(oldPlaylist.playlistId === playlist.playlistId) return playlist;
+          else return oldPlaylist
+        }), compareForRefresh: this.state.compareForRefresh.map(oldPlaylist => {
+          console.log(oldPlaylist.id, service.id)
+          if(oldPlaylist.id === service.id) return service;
+          else return oldPlaylist
+        })})
+      }
+    });
+  }
+
   async componentDidMount() {
     Database.getUserPlaylists().on('value', this.userPlaylistCallback);
     Database.getSharedPlaylists().on('value', this.pendingPlaylistCallback);
@@ -92,25 +125,32 @@ export default class MyPlaylists extends Component {
             <Icon name="ios-musical-notes" />
           </Item>
         </Header>
-        <Content>
+        <Content
+          refreshControl={
+            <RefreshControl
+              refreshing={this.state.refreshing}
+              onRefresh={this._onRefresh.bind(this)}
+            />
+          }
+        >
           {this.props.pendingPlaylists.length
             ? <Card>
-              <CardItem
-                button
-                onPress={() => this.props.goToPending()}
-                header
-              >
-                <Badge style={{ backgroundColor: '#FC642D' }}>
-                  <Text>
-                    {this.props.pendingPlaylists.length}
-                  </Text>
-                </Badge>
-                <Text style={styles.header}> Pending Playlists</Text>
-                <Right>
-                  <Icon name="arrow-forward" style={styles.arrow} />
-                </Right>
-              </CardItem>
-            </Card>
+                <CardItem
+                  button
+                  onPress={() => this.props.goToPending()}
+                  header
+                >
+                  <Badge style={{ backgroundColor: '#FC642D' }}>
+                    <Text>
+                      {this.props.pendingPlaylists.length}
+                    </Text>
+                  </Badge>
+                  <Text style={styles.header}> Pending Playlists</Text>
+                  <Right>
+                    <Icon name="arrow-forward" style={styles.arrow} />
+                  </Right>
+                </CardItem>
+              </Card>
             : null}
           <Card>
             <CardItem header>
@@ -121,10 +161,10 @@ export default class MyPlaylists extends Component {
             {this.state.isLoading
               ? <Spinner color="#FC642D" />
               : <View>
-                {!this.state.playlists.length
-                  ? <CardItem>
-                    <Text style={styles.header}>
-                      Connect a music streaming service to view playlists!
+                  {!this.state.playlists.length
+                    ? <CardItem>
+                        <Text style={styles.header}>
+                          Connect a music streaming service to view playlists!
                         </Text>
                       </CardItem>
                     : <View>
@@ -140,7 +180,7 @@ export default class MyPlaylists extends Component {
                                 button
                                 key={index}
                                 onPress={() =>
-                                  this.props.goToPlaylist(playlist)}
+                                  this.props.goToPlaylist(playlist, {serviceId: playlist.serviceId, id: playlist.playlistId, songs: Object.keys(playlist.songs)})}
                               >
                                 <Body>
                                   <Text style={styles.bodytxt}>
diff --git a/js/components/playlists/singlePlaylist.js b/js/components/playlists/singlePlaylist.js
index b9cba6d..766c6c7 100644
--- a/js/components/playlists/singlePlaylist.js
+++ b/js/components/playlists/singlePlaylist.js
@@ -24,8 +24,9 @@ import styles from './styles';
 import axios from 'axios';
 import * as Database from '../../../utils/database';
 import { default as FAIcon } from 'react-native-vector-icons/FontAwesome';
-import { NativeModules } from 'react-native';
+import { NativeModules, RefreshControl } from 'react-native';
 import firebase from 'firebase';
+
 export default class SinglePlaylist extends Component {
   constructor(props) {
     super(props);
@@ -33,7 +34,9 @@ export default class SinglePlaylist extends Component {
       appleAuth: false,
       spotifyAuth: '',
       spotifyDownloading: false,
-      appleDownloading: false
+      appleDownloading: false,
+      refreshing: false,
+      playlist: []
     };
   }
   componentDidMount() {
@@ -48,8 +51,36 @@ export default class SinglePlaylist extends Component {
         });
       })
       .catch(error => console.log('Single Playlist ', error));
+    this.setState({playlist: this.props.navigation.state.params.playlist})
+  }
+
+  _onRefresh() {
+    // this.setState({ refreshing: true }, () => {
+    //   Database.updateOneAppleMusic(this.props.navigation.state.params.compare, this.appleUpdateDone);
+    // });
+    console.log("COMPARE", [this.props.navigation.state.params.compare])
+    console.log("playlist", this.props.navigation.state.params.playlist)
+
+    // this.setState({ refreshing: true }, () => {
+    //   Database.updateAppleMusic(this.state.compareForRefresh, this.appleUpdateDone);
+    // });
+  }
+
+  appleUpdateDone =  async playlistsId => {
+    console.log("UPDATE PLAYLIST", playlistsId)
+    const playlistId = playlistsId
+    if(playlistsId.length){
+        this.setState({ refreshing: false}, async () => {
+        const tempPlaylist = await Database.getPlaylistFromId(playlistId);
+        const playlist = Object.assign({}, tempPlaylist.val(), { playlistId });
+        this.setState({playlist: playlist});
+    });
+    }
+    else this.setState({ refreshing: false})
+
   }
 
+
   goToShare = playlistId => {
     this.props.navigation.navigate('SharePlaylist', playlistId);
   };
@@ -138,10 +169,16 @@ export default class SinglePlaylist extends Component {
   };
 
   render() {
-    const playlist = this.props.navigation.state.params;
+    const playlist = this.state.playlist
+    // console.log("SINGLE PLAYLIST", playlist)
     return (
       <Container>
-        <Content>
+        <Content refreshControl={
+            <RefreshControl
+              refreshing={this.state.refreshing}
+              onRefresh={this._onRefresh.bind(this)}
+            />
+          }>
         {this.state.spotifyDownloading || this.state.appleDownloading
                 ? <Spinner color="#FC642D" />
                 : null}
@@ -224,22 +261,22 @@ export default class SinglePlaylist extends Component {
                   </Body>
                 </ListItem>
               : <View>
-                  {playlist.songs.map((song, index) => {
+                  {Object.keys(playlist.songs).map((song, index) => {
                     return (
                       <ListItem key={index} avatar bordered key={index}>
                         <Left>
                           <Thumbnail
                             square
                             size={80}
-                            source={{ uri: `${song.image}` }}
+                            source={{ uri: `${playlist.songs[song].image}` }}
                           />
                         </Left>
                         <Body>
                           <Text style={styles.bodytxt}>
-                            {song.title}
+                            {playlist.songs[song].title}
                           </Text>
                           <Text note style={styles.bodytxt}>
-                            {song.artist}
+                            {playlist.songs[song].artist}
                           </Text>
                         </Body>
                       </ListItem>
diff --git a/utils/database/playlists.js b/utils/database/playlists.js
index 7a6c99a..b761ec4 100644
--- a/utils/database/playlists.js
+++ b/utils/database/playlists.js
@@ -1,17 +1,18 @@
 import * as firebase from 'firebase';
 import axios from 'axios';
+import { NativeModules } from 'react-native';
 
 export async function savePlaylistToDatabase(playlists, providerId) {
   try {
     // if (providerId === 'appleId') {
-      const appleToken = await axios.get(
-        'https://us-central1-hum-app.cloudfunctions.net/getJWT',
-        {
-          headers: {
-            pass: "lol this isn't secure"
-          }
+    const appleToken = await axios.get(
+      'https://us-central1-hum-app.cloudfunctions.net/getJWT',
+      {
+        headers: {
+          pass: "lol this isn't secure"
         }
-      );
+      }
+    );
     // }
     const currentUser = firebase.auth().currentUser;
     for (const playlist of playlists) {
@@ -37,10 +38,11 @@ export async function savePlaylistToDatabase(playlists, providerId) {
                 .replace('{w}', '100')
                 .replace('{h}', '100');
               findOrCreateSong(playlist.songs[index], providerId);
-              newSong[index] = {};
-              newSong[index].artist = playlist.songs[index].artist;
-              newSong[index].title = playlist.songs[index].title;
-              newSong[index].image = playlist.songs[index].image;
+              let appleSongId = playlist.songs[index].id;
+              newSong[appleSongId] = {};
+              newSong[appleSongId].artist = playlist.songs[index].artist;
+              newSong[appleSongId].title = playlist.songs[index].title;
+              newSong[appleSongId].image = playlist.songs[index].image;
             })
             .catch(error => {
               console.log(error);
@@ -54,13 +56,15 @@ export async function savePlaylistToDatabase(playlists, providerId) {
         }
       }
       const newPlaylistId = firebase.database().ref('playlists').push().key;
-      this.addPlaylistToUser(newPlaylistId);
+
+      addPlaylistToUser(newPlaylistId);
       firebase.database().ref(`playlists/${newPlaylistId}`).set({
         title: playlist.name,
         creator: currentUser.uid,
         songs: newSong,
         displayName: currentUser.displayName,
-        type: providerId
+        type: providerId,
+        serviceId: playlist.id.toString() || '1425631'
       });
     }
   } catch (error) {
@@ -201,14 +205,14 @@ export function databasePlaylistToSpotify(databasePlaylistId, success, fail) {
                 }
               }
             )
-            .catch(error => "ERROR")
+            .catch(error => 'ERROR')
         );
         Promise.all(promises).then(values => {
-          console.log(values)
+          console.log(values);
           let final = values
             .map(value => value.data)
             .filter(value => value !== 'ERROR');
-          console.log("FINALLLLLL", final)
+          console.log('FINALLLLLL', final);
           axios
             .post(
               `https://api.spotify.com/v1/users/${id}/playlists`,
@@ -234,18 +238,193 @@ export function databasePlaylistToSpotify(databasePlaylistId, success, fail) {
                   }
                 )
                 .then(response => success(databasePlaylistId))
-                .catch(error =>
-                  fail()
-                );
+                .catch(error => fail());
             })
-            .catch(error =>
-              fail()
-            );
+            .catch(error => fail());
         });
       });
     });
 }
 
+export async function updateAppleMusic(oldPlaylists, done) {
+  //only let if they are apple auth
+  NativeModules.MediaLibraryManager.getPlaylists(async playlists => {
+    // if a playlist id comes back that is not contained in the old playlist array, send it to save to database
+    //oldPlaylists [{serviceId: appleId, id: databaseID, songs: []}, {serviceId: appleId, id: databaseID}]
+    //refreshed playlists = [{playlistId: playlist.id, songs: playlist.songs}]
+    const newPlaylists = [];
+    const refreshedPlaylists = {};
+    const alteredPlaylists = [];
+    let old = {};
+    const serviceToId = {};
+    let parsedPlaylists = JSON.parse(playlists);
+
+    for (playlist of parsedPlaylists) {
+      let id = playlist.id;
+      const songs = []
+      for(song of playlist.songs){
+        songs.push(song.id.toString())
+      }
+      refreshedPlaylists[id] = songs
+    }
+    for (playlist of oldPlaylists) {
+      console.log(playlist, "THE ONE I SENT")
+      let id = playlist.serviceId;
+      old[id] = playlist.songs
+      serviceToId[playlist.serviceId] = playlist.id
+      // oldPlaylistServiceIds.push(playlist.serviceId);
+      let playlistKeyArr = Object.keys(refreshedPlaylists);
+      if (playlistKeyArr.indexOf(playlist.serviceId) === -1) {
+        firebase.database().ref(`playlists/${playlist.id}`).remove();
+      } else {
+        let changed = false;
+        for (song of playlist.songs) {
+          // if refreshed playlist songs doesn't contain this song, delete playlists/playlis.id/songs/song
+            if (refreshedPlaylists[playlist.serviceId].indexOf(song) === -1) {
+              changed = true
+              firebase
+                .database()
+                .ref(`playlists/${playlist.id}/songs/${song}`)
+                .remove();
+              //should remove the songs from the local playlist object
+
+
+            }
+            //then add the playlist to the altered playlists
+        }
+        if(changed && alteredPlaylists.indexOf(playlist.id) === -1) alteredPlaylists.push(playlist.id);
+      }
+    }
+    for (playlist of parsedPlaylists) {
+      if (Object.keys(old).indexOf(playlist.id.toString()) === -1) newPlaylists.push(playlist);
+      else{
+        let changed = false;
+        for(song of playlist.songs){
+          if(old[playlist.id].indexOf(song.id) === -1) {
+            // should add the new songs to the old local playlist object and
+            changed = true;
+            let image = await getImage(song.id)
+            firebase
+                .database()
+                .ref(`playlists/${serviceToId[playlist.id]}/songs/${song.id}`)
+                .set({artist: song.artist, image: image, title: song.title});}
+        }
+         // alteredPlaylists.push(playlist)
+        //add the playlist to the altered playlist array
+        if(changed && alteredPlaylists.indexOf(serviceToId[playlist.id]) === -1) alteredPlaylists.push(serviceToId[playlist.id]);
+      }
+      // if old playlist array doesn't contain a song from the refreshed playlists add it
+    }
+    if(newPlaylists.length) savePlaylistToDatabase(newPlaylists, 'appleId');
+    // need to send back modified playlists to update the state on the front end, the front end is only listening for adding/removing to a user's playlists
+
+    done(alteredPlaylists);
+  });
+}
+
+export async function updateOneAppleMusic(oldPlaylist, done) {
+  //only let if they are apple auth
+  NativeModules.MediaLibraryManager.getPlaylist(oldPlaylist.serviceId, async playlist => {
+    // if a playlist id comes back that is not contained in the old playlist array, send it to save to database
+    //oldPlaylists [{serviceId: appleId, id: databaseID, songs: []}, {serviceId: appleId, id: databaseID}]
+    //refreshed playlists = [{playlistId: playlist.id, songs: playlist.songs}]
+    const newPlaylists = [];
+    const refreshedPlaylists = {};
+    const alteredPlaylists = [];
+    let old = {};
+    const serviceToId = {};
+    let parsedPlaylists = JSON.parse(playlist);
+
+    for (playlist of parsedPlaylists) {
+      let id = playlist.id;
+      const songs = []
+      for(song of playlist.songs){
+        songs.push(song.id.toString())
+      }
+      refreshedPlaylists[id] = songs
+    }
+    for (playlist of oldPlaylists) {
+      console.log(playlist, "THE ONE I SENT")
+      let id = playlist.serviceId;
+      old[id] = playlist.songs
+      serviceToId[playlist.serviceId] = playlist.id
+      // oldPlaylistServiceIds.push(playlist.serviceId);
+      let playlistKeyArr = Object.keys(refreshedPlaylists);
+      if (playlistKeyArr.indexOf(playlist.serviceId) === -1) {
+        firebase.database().ref(`playlists/${playlist.id}`).remove();
+      } else {
+        let changed = false;
+        for (song of playlist.songs) {
+          // if refreshed playlist songs doesn't contain this song, delete playlists/playlis.id/songs/song
+            if (refreshedPlaylists[playlist.serviceId].indexOf(song) === -1) {
+              changed = true
+              firebase
+                .database()
+                .ref(`playlists/${playlist.id}/songs/${song}`)
+                .remove();
+              //should remove the songs from the local playlist object
+
+
+            }
+            //then add the playlist to the altered playlists
+        }
+        if(changed && alteredPlaylists.indexOf(playlist.id) === -1) alteredPlaylists.push(playlist.id);
+      }
+    }
+    for (playlist of parsedPlaylists) {
+      if (Object.keys(old).indexOf(playlist.id.toString()) === -1) newPlaylists.push(playlist);
+      else{
+        let changed = false;
+        for(song of playlist.songs){
+          if(old[playlist.id].indexOf(song.id) === -1) {
+            // should add the new songs to the old local playlist object and
+            changed = true;
+            let image = await getImage(song.id)
+            firebase
+                .database()
+                .ref(`playlists/${serviceToId[playlist.id]}/songs/${song.id}`)
+                .set({artist: song.artist, image: image, title: song.title});}
+        }
+         // alteredPlaylists.push(playlist)
+        //add the playlist to the altered playlist array
+        if(changed && alteredPlaylists.indexOf(serviceToId[playlist.id]) === -1) alteredPlaylists.push(serviceToId[playlist.id]);
+      }
+      // if old playlist array doesn't contain a song from the refreshed playlists add it
+    }
+    if(newPlaylists.length) savePlaylistToDatabase(newPlaylists, 'appleId');
+    // need to send back modified playlists to update the state on the front end, the front end is only listening for adding/removing to a user's playlists
+
+    done(alteredPlaylists);
+  });
+}
+
+async function getImage(id){
+  const appleToken = await axios.get(
+      'https://us-central1-hum-app.cloudfunctions.net/getJWT',
+      {
+        headers: {
+          pass: "lol this isn't secure"
+        }
+      }
+    );
+
+    response =
+          await axios
+            .get(
+              'https://api.music.apple.com/v1/catalog/us/songs/' +
+                id,
+              {
+                headers: {
+                  Authorization: `Bearer ${appleToken.data}`
+                }
+              }
+            )
+  const image = response.data.data[0].attributes.artwork.url .replace('{w}', '100')
+                .replace('{h}', '100');
+  console.log(image)
+  return image
+}
+
 function getUrlPath(str) {
   return encodeURIComponent(str).replace(/\./g, function(char) {
     return '%' + char.charCodeAt(0).toString(16);