Problem Statement:
Task: Build a simple "Weather Dashboard" using React.
Requirements:
Framework
Use Vite, React and Typescript as framework.
Choose a UI component library and explain why you picked that specific library.
UI Design:
The dashboard should have an input field for entering a city name.
A "Get Weather" button to fetch weather data.
Display the current weather conditions for the city entered (e.g., temperature, humidity, weather description).
Display an error message if the city is not found.
Support theming.
State Management:
Manage the city input and the weather data using React state.
Handle loading states while the API call is in progress (e.g., show a loading spinner or message).
API Integration:
Use a public weather API (like OpenWeatherMap) to fetch the weather data for the entered city.
Handle potential API errors (e.g., invalid city, network issues) and display appropriate error messages. | A shadcn/ui and v0 generation - v0
