Create a weather app with: 1. Current Weather Widget: Large, centered, displaying temperature, humidity, wind speed, and an icon for current conditions. Auto-updates every 5 minutes. 2. 5-Day Forecast: Below the current weather, show five horizontally-aligned cards. Each card includes date, weather icon, min/max temperature, brief description. Clicking a card flips it to show hourly weather data. 3. Custom Alerts Section: Accessible via a button. Users can create, edit, delete alerts, set conditions (e.g., temp > 90°F), set time range, and custom message for notifications. 4. Scroll-to-Top Button: Appears at the bottom right after scrolling 80% of the page. Smooth scrolls to the top when clicked.

Create a weather app with: 1. Current Weather Widget: Large, centered, displaying temperature, humidity, wind speed, and an icon for current conditions. Auto-updates every 5 minutes. 2. 5-Day Forecast: Below the current weather, show five horizontally-aligned cards. Each card includes date, weather icon, min/max temperature, brief description. Clicking a card flips it to show hourly weather data. 3. Custom Alerts Section: Accessible via a button. Users can create, edit, delete alerts, set conditions (e.g., temp > 90°F), set time range, and custom message for notifications. 4. Scroll-to-Top Button: Appears at the bottom right after scrolling 80% of the page. Smooth scrolls to the top when clicked. | A shadcn/ui and v0 generation - v0

Add component to projectLearn more

Log In to Copy Code

History