chore: cleanup deployment configurations, keep only GitHub Pages setup

Author: Jenidevops

api/weather.js

@@ -4,7 +4,7 @@ import SearchBar from './components/SearchBar';
 import ErrorMessage from './components/ErrorMessage';
 import WeatherCard from './components/WeatherCard';
 import SetupInstructions from './components/SetupInstructions';
-import { API_BASE_URL } from './constants';
+import { API_KEY, API_BASE_URL } from './constants';
 
 function App() {
   const [loading, setLoading] = useState(false);
@@ -23,13 +23,9 @@ function App() {
     setWeather(null);
 
     try {
-      const response = await fetch(API_BASE_URL, {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({ city: query })
-      });
+      const response = await fetch(
+        `${API_BASE_URL}/weather?q=${encodeURIComponent(query)}&appid=${API_KEY}&units=metric`
+      );
 
       if (!response.ok) {
         if (response.status === 404) {
@@ -76,7 +72,6 @@ function App() {
           </div>
         ) : weather ? (
           <WeatherCard weather={weather} />
-        ) : null
         ) : null}
       </main>
       </div>

deploy.sh

@@ -1,6 +1,6 @@
-// Using serverless function to protect API key
-// API endpoint that will handle the weather request securely
-const API_BASE_URL = '/api/weather';
+// OpenWeather API configuration
+const API_KEY = import.meta.env.VITE_WEATHER_API_KEY;
+const API_BASE_URL = 'https://api.openweathermap.org/data/2.5';
 
 const weatherBackgrounds = {
   Clear: 'from-yellow-400 via-orange-400 to-red-400',
@@ -13,4 +13,4 @@ const weatherBackgrounds = {
   default: 'from-blue-400 via-blue-500 to-blue-600'
 };
 
-export { API_BASE_URL, weatherBackgrounds };
+export { API_KEY, API_BASE_URL, weatherBackgrounds };