diff --git a/frontend/Spotify.md b/frontend/Spotify.md
new file mode 100644
index 0000000..dfbc74e
--- /dev/null
+++ b/frontend/Spotify.md
@@ -0,0 +1,31 @@
+
+# How the Spotify API registration works
+
+[Spotify Docs](https://developer.spotify.com/documentation/web-api/tutorials/getting-started#create-an-app)
+
+## Creating an App with their developer console
+
+https://developer.spotify.com/dashboard
+
+*App* name: Serena
+*App description*: open source radio station emulator to get the vibe right
+*redirect URI*: https://localhost:3000
+
+## Requesting an Access Token
+
+```Bash
+curl -X POST "https://accounts.spotify.com/api/token" \
+     -H "Content-Type: application/x-www-form-urlencoded" \
+     -d "grant_type=client_credentials&client_id=your-client-id&client_secret=your-client-secret"
+```
+
+Our Codes: 
+Client: 
+e1274b6593674771bea12d8366c7978b
+Client Secret: 
+07a3440d8d4b4fbe9d736a48df079085
+
+Resulting access token is valid for **One Hour**
+
+Access Token: 
+BQAtYzlcWAvIdAEIE38FOnzWbUuXWm-XRYXB7DBe1xYUSqonVGDi4_H-9pWKbhexZ-ePP8uQSe-9VNaz05gCJq549tI3EFT3UoFvcUcBvwtQGK3i0dBh2sQi7bohCgDBIGcnzADcd-Y
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 4978327..7b0b635 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1,9 +1,9 @@
 import React from 'react';
 import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
-import Home from './components/Home';
-import CreateStation from './components/CreateStation';
-import JoinStation from './components/JoinStation';
-import StationPage from './components/StationPage';
+import Home from './screens/Home';
+import CreateStation from './screens/CreateStation';
+import JoinStation from './screens/JoinStation';
+import StationPage from './screens/StationPage';
 import './App.css';
 
 function App() {
diff --git a/frontend/src/components/AddSongModal.jsx b/frontend/src/screens/AddSongModal.jsx
similarity index 100%
rename from frontend/src/components/AddSongModal.jsx
rename to frontend/src/screens/AddSongModal.jsx
diff --git a/frontend/src/components/CreateStation.jsx b/frontend/src/screens/CreateStation.jsx
similarity index 100%
rename from frontend/src/components/CreateStation.jsx
rename to frontend/src/screens/CreateStation.jsx
diff --git a/frontend/src/components/Home.jsx b/frontend/src/screens/Home.jsx
similarity index 100%
rename from frontend/src/components/Home.jsx
rename to frontend/src/screens/Home.jsx
diff --git a/frontend/src/components/JoinStation.jsx b/frontend/src/screens/JoinStation.jsx
similarity index 100%
rename from frontend/src/components/JoinStation.jsx
rename to frontend/src/screens/JoinStation.jsx
diff --git a/frontend/src/components/StationPage.jsx b/frontend/src/screens/StationPage.jsx
similarity index 100%
rename from frontend/src/components/StationPage.jsx
rename to frontend/src/screens/StationPage.jsx