Merge pull request #71 from rahulpoonia29/ENV-Variables

Added support for ENV varialbles

backend/index.js

@@ -1,12 +1,12 @@
 import express from "express";
 import axios from "axios";
 import bodyParser from "body-parser";
-import cors from "cors"; 
+import cors from "cors";
 
 const cache = new Map();
 
 const app = express();
-const port = 3030;
+const PORT = 3030;
 let name = "";
 
 app.use(bodyParser.urlencoded({ extended: true }));
@@ -34,11 +34,15 @@ app.get("/search", async (req, res) => {
                 response.data.data.results.length > 0
             ) {
                 const musicArray = response.data.data.results.map((result) => ({
-                    url: result.downloadUrl[4]?.url||'',
-                    name: result.name||'',
-                    year: result.year||'',
-                    artist: result.artists.primary[0]?.name.replace(/&/g, '&') || "",
-                    img: result.image[2]?.url||'',
+                    url: result.downloadUrl[4]?.url || "",
+                    name: result.name || "",
+                    year: result.year || "",
+                    artist:
+                        result.artists.primary[0]?.name.replace(
+                            /&/g,
+                            "&"
+                        ) || "",
+                    img: result.image[2]?.url || "",
                 }));
                 cache.set(name, musicArray);
                 res.json(musicArray);
@@ -54,8 +58,6 @@ app.get("/search", async (req, res) => {
     }
 });
 
-
-
-app.listen(port, () => {
+app.listen(PORT, () => {
     console.log(`Server is running on port ${port}`);
 });

frontend/.env.sample

@@ -0,0 +1 @@
+VITE_BACKEND_URL="http://localhost:3030"

frontend/.gitignore

@@ -22,3 +22,5 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+.env

frontend/src/App.jsx

@@ -18,12 +18,9 @@ const App = () => {
 
     const fetchSongData = async () => {
         try {
-            const response = await axios.get(
-                "https://spring-music-player-3hyj.vercel.app/search",
-                {
-                    params: { song: searchQuery },
-                }
-            );
+            const response = await axios.get(import.meta.env.VITE_BACKEND_URL, {
+                params: { song: searchQuery },
+            });
             setData(response.data);
         } catch (error) {
             console.error(error);