docs: update readme.md

README.md

@@ -11,7 +11,8 @@ This is my debut project utilizing Next.js, a portfolio website featuring four p
 * **Smooth Animation:** Smooth page scroll and scroll trigger animation.
 * **Smooth Page Transition:** Smooth page transition with prefetching feature of next js.
 * **Dynamic Data:** Read the project data from JSON file instead of directly implemented the data.
-* **Intelliticks chat widget:** Chat with owner of the web realtime
+* **Intelliticks chat widget:** Chat with owner of the web realtime.
+* **Spotify realtime widget:** Show what song youre playing in this web.
 
 ## Installation
 
@@ -43,21 +44,30 @@ This is my debut project utilizing Next.js, a portfolio website featuring four p
 6. Update the Intelliticks chat widget script in components/Chat.jsx, with your own
 
    ```javascript
-	"use client"
+    "use client"
-	import { useEffect } from "react";
+    import { useEffect } from "react";
-	
+
-	// Component for Intelliticks chat widget
+    // Component for Intelliticks chat widget
-	const Chat = () => {
+    const Chat = () => {
-		useEffect(() => {
+    	useEffect(() => {
-			// Replace the Intelliticks script here
+    		// Replace the Intelliticks script here
-	         
+
-		}, []);
+    	}, []);
-	
+
-		return null;
+    	return null;
-	};
+    };
-	
+
-	export default Chat;
+    export default Chat;
    ```
+7. Set env.local by copying env.example and fill the variable
+
+   ```
+   SPOTIFY_CLIENT_ID=
+   SPOTIFY_CLIENT_SECRET=
+   SPOTIFY_REFRESH_TOKEN=
+   ```
+
+   for further reference on how to setup spotify api you can check this [link ](https://leerob.io/blog/spotify-api-nextjs "leerob blog")
 
 ## Usage