diff --git a/frontend/app/(tabs)/explore.tsx b/frontend/app/(tabs)/explore.tsx
index c9edff8..d876344 100644
--- a/frontend/app/(tabs)/explore.tsx
+++ b/frontend/app/(tabs)/explore.tsx
@@ -1,17 +1,10 @@
 import React from 'react';
-import { Text, SafeAreaView, Button } from 'react-native';
-import { TEST } from 'react-native-dotenv';
+import { Text, SafeAreaView } from 'react-native';
 
 export default function TabTwoScreen() {
   return (
     <SafeAreaView>
       <Text>Tab Two</Text>
-      <Button
-        title="asdf"
-        onPress={() => {
-          console.log(TEST);
-        }}
-      />
     </SafeAreaView>
   );
 }
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 5624262..c607975 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -12,6 +12,7 @@
         "@react-navigation/bottom-tabs": "^7.2.0",
         "@react-navigation/native": "^7.0.14",
         "expo": "~52.0.25",
+        "expo-auth-session": "^6.0.2",
         "expo-blur": "~14.0.2",
         "expo-constants": "~17.0.4",
         "expo-font": "~13.0.3",
@@ -7385,6 +7386,15 @@
         }
       }
     },
+    "node_modules/expo-application": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/expo-application/-/expo-application-6.0.2.tgz",
+      "integrity": "sha512-qcj6kGq3mc7x5yIb5KxESurFTJCoEKwNEL34RdPEvTB/xhl7SeVZlu05sZBqxB1V4Ryzq/LsCb7NHNfBbb3L7A==",
+      "license": "MIT",
+      "peerDependencies": {
+        "expo": "*"
+      }
+    },
     "node_modules/expo-asset": {
       "version": "11.0.2",
       "resolved": "https://registry.npmjs.org/expo-asset/-/expo-asset-11.0.2.tgz",
@@ -7402,6 +7412,24 @@
         "react-native": "*"
       }
     },
+    "node_modules/expo-auth-session": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/expo-auth-session/-/expo-auth-session-6.0.2.tgz",
+      "integrity": "sha512-oAK69dzZq+2eaPZ0ztOsLlKdsO+Yes5tInw2bstwqY8aSV88BOTSO2H4j0I2ygdE84yAl8Q3yaETZpvMnL6GdQ==",
+      "license": "MIT",
+      "dependencies": {
+        "expo-application": "~6.0.2",
+        "expo-constants": "~17.0.4",
+        "expo-crypto": "~14.0.2",
+        "expo-linking": "~7.0.4",
+        "expo-web-browser": "~14.0.2",
+        "invariant": "^2.2.4"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
     "node_modules/expo-blur": {
       "version": "14.0.2",
       "resolved": "https://registry.npmjs.org/expo-blur/-/expo-blur-14.0.2.tgz",
@@ -7427,6 +7455,18 @@
         "react-native": "*"
       }
     },
+    "node_modules/expo-crypto": {
+      "version": "14.0.2",
+      "resolved": "https://registry.npmjs.org/expo-crypto/-/expo-crypto-14.0.2.tgz",
+      "integrity": "sha512-WRc9PBpJraJN29VD5Ef7nCecxJmZNyRKcGkNiDQC1nhY5agppzwhqh7zEzNFarE/GqDgSiaDHS8yd5EgFhP9AQ==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.0"
+      },
+      "peerDependencies": {
+        "expo": "*"
+      }
+    },
     "node_modules/expo-file-system": {
       "version": "18.0.7",
       "resolved": "https://registry.npmjs.org/expo-file-system/-/expo-file-system-18.0.7.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 0cb4456..5aaf763 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -19,6 +19,7 @@
     "@react-navigation/bottom-tabs": "^7.2.0",
     "@react-navigation/native": "^7.0.14",
     "expo": "~52.0.25",
+    "expo-auth-session": "^6.0.2",
     "expo-blur": "~14.0.2",
     "expo-constants": "~17.0.4",
     "expo-font": "~13.0.3",
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
new file mode 100644
index 0000000..487dd57
--- /dev/null
+++ b/frontend/tsconfig.json
@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {},
+  "extends": "expo/tsconfig.base",
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    ".expo/types/**/*.ts",
+    "expo-env.d.ts"
+  ]
+}
diff --git a/frontend/types.d.ts b/frontend/types.d.ts
new file mode 100644
index 0000000..56dbea1
--- /dev/null
+++ b/frontend/types.d.ts
@@ -0,0 +1,5 @@
+export interface AccessTokenResponse {
+  access_token: string;
+  refresh_token: string;
+  expires_in: number;
+}
diff --git a/frontend/utils/spotify.ts b/frontend/utils/spotify.ts
new file mode 100644
index 0000000..c1e3745
--- /dev/null
+++ b/frontend/utils/spotify.ts
@@ -0,0 +1,42 @@
+import { AccessTokenResponse } from '../types';
+import { makeRedirectUri } from 'expo-auth-session';
+import { SPOTIFY_CLIENT_ID, SPOTIFY_CLIENT_SECRET } from 'react-native-dotenv';
+
+export const getClientId = () => {
+  return SPOTIFY_CLIENT_ID;
+};
+
+const getClientSecret = () => {
+  return SPOTIFY_CLIENT_SECRET;
+};
+
+const generateAccessTokenParams = (code: string) => {
+  const params = new URLSearchParams();
+
+  params.append('grant_type', 'authorization_code');
+  params.append('code', code);
+  params.append('redirect_uri', makeRedirectUri());
+
+  return params.toString();
+};
+
+export const fetchAccessToken = async (code: string) => {
+  const response = await fetch('https://accounts.spotify.com/api/token', {
+    method: 'POST',
+    body: generateAccessTokenParams(code),
+    headers: {
+      'content-type': 'application/x-www-form-urlencoded',
+      Authorization: 'Basic ' + btoa(getClientId() + ':' + getClientSecret()),
+    },
+  });
+
+  const json = (await response.json()) as AccessTokenResponse;
+
+  console.log(json);
+
+  return {
+    accessToken: json.access_token,
+    expiration: json.expires_in,
+    refreshToken: json.refresh_token,
+  };
+};