-
Weather Tracker
-
- setCity(e.target.value)}
- />{" "}
-
-
- {loading &&
Loading...
}
- {error &&
{error}
}
- {weather && (
-
-
Current Weather in {weather.name}
-
- Temperature:{" "}
-
- {" "}
- {weather.main.temp}
-
- °C
-
-
Condition: {weather.weather[0].description}
-
- )}
- {forecast.length > 0 && (
-
-
5-Day Forecast
- {forecast.map((day, index) => (
-
-
Date: {new Date(day.dt_txt).toLocaleDateString()}
-
- Temp:{day.main.temp} °C
-
-
Condition: {day.weather[0].description}
-
-
- ))}
-
- )}
-
+ Thank you for using Weather Tracker! If you have any questions or suggestions, feel free to contact us.
+
+ );
+};
+
+export default About;
\ No newline at end of file
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
new file mode 100644
index 0000000..cf357de
--- /dev/null
+++ b/src/pages/Home.jsx
@@ -0,0 +1,28 @@
+//import React from 'react';
+import { Link } from 'react-router-dom';
+import '../style/App.css';
+
+
+const Home = () => {
+ return (
+
+
¡Welcome to Weather Tracker!
+
+ A simple and accurate app to track real-time weather conditions anywhere.
+
+
+
+ Weather
+
+
+ Map
+
+
+ About
+
+
+
+
Weather Tracker
+
+ setCity(e.target.value)}
+ />
+
+
+
+
+
+ {favoriteCities.map((city, index) => (
+
+ ))}
+
+
+ {loading &&
Loading...
}
+ {error &&
{error}
}
+ {weather && (
+
+
Current Weather in {weather.name}
+
+ Temperature: {Math.round(weather.main.temp)} °C
+
+
+ Min Temperature: {Math.round(weather.main.temp_min)} °C
+
+
+ Max Temperature: {Math.round(weather.main.temp_max)} °C
+
+
Condition: {weather.weather[0].description}
+
+ )}
+ {forecast.length > 0 && (
+
+
5-Day Forecast
+ {forecast.map((day, index) => (
+
+
Date: {new Date(day.dt_txt).toLocaleDateString()}
+
+ Temp:{Math.round(day.main.temp)} °C
+
+
+ Min Temp:{Math.round(day.main.temp_min)} °C
+
+
+ Max Temp:{Math.round(day.main.temp_max)} °C
+
+
Condition: {day.weather[0].description}
+
+
+ ))}
+
+ )}
+
Loading map...
;
+
+ // Check if coords is defined
+ return (
+