final

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "mudic-spotify"
+  }
+}

.gitignore

@@ -0,0 +1,66 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+firebase-debug.log*
+firebase-debug.*.log*
+
+# Firebase cache
+.firebase/
+
+# Firebase config
+
+# Uncomment this if you'd like others to create their own Firebase project.
+# For a team working on the same Firebase project(s), it is recommended to leave
+# it commented so all members can deploy to the same project(s) in .firebaserc.
+# .firebaserc
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env

firebase.json

@@ -0,0 +1,16 @@
+{
+  "hosting": {
+    "public": "build",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}

src/Components/LoginScreen.js

@@ -50,12 +50,12 @@ const Subtitle = styled.span`
 `;
 
 const login = () => {
-  const CLIENT_ID = '99fe567ac76d48cd9d8ec5859a90189d'; //process.env.REACT_APP_CLIENT_ID;
+  const CLIENT_ID = '19fe567ac76d48cd9d8ec5859a90189e'; //process.env.REACT_APP_CLIENT_ID;
   let redirectUri;
   if (!process.env.NODE_ENV || process.env.NODE_ENV === 'development') {
-    redirectUri = 'https://mudic.herokuapp.com/app';
+    redirectUri = 'http://localhost:3000/app';
   } else {
-    redirectUri = 'https://mudic.herokuapp.com/';
+    redirectUri = 'https://mudic-spotify.web.app/app';
   }
   const scope = 'user-read-recently-played,user-top-read,playlist-modify-public';
   const authUri = `https://accounts.spotify.com/authorize?client_id=${CLIENT_ID}&response_type=token&redirect_uri=${redirectUri}&scope=${scope}`;
@@ -66,7 +66,7 @@ export default () => (
   <Wrapper>
     <MainTitle>
 
-      <img src="https://sparshbajaj.co/wp-content/uploads/2020/07/mudic-white.svg" alt="Mudic" width="300px"
+      <img src="/images/mudic-white.svg" alt="Mudic" width="300px"
          height="auto"></img>
 
     </MainTitle>

src/Components/ShareButton.js

@@ -3,7 +3,7 @@ import React from "react";
 function share(score) {
   const emoji = getEmoji(score);
   navigator.share({
-    url: "https://mudic.herokuapp.com",
+    url: "https://mudic-spotify.web.app/",
     text: "According to Moodify, my mood is " + emoji + ". What's yours?",
     title: "Moodify",
   });