Adds configurable hostname for multi environments

.env

@@ -0,0 +1 @@
+VITE_API_URL=http://localhost:8080

.env.production

@@ -0,0 +1 @@
+VITE_API_URL=https://tmntapi.halfbinary.net

src/App.tsx

@@ -1,12 +1,13 @@
 import {useEffect, useState} from 'react'
 import './App.css'
 import {Movie} from "./Models.ts";
+import hostName from "./Config.ts";
 
 function App() {
   const [movies, setMovies] = useState<Movie[]>([])
   //const [selectedMovie, setSelectedMovie] = useState("")
   useEffect(() => {
-    fetch('http://localhost:8080/movies')
+    fetch(`${hostName}/movies`)
     .then((response => response.json()))
     .then((data) => {
       setMovies(data)

src/Config.ts

@@ -0,0 +1,2 @@
+const hostName = import.meta.env.VITE_API_URL
+export default hostName