SunBear Weather App

A modern, responsive weather dashboard built with React, TypeScript, and Tailwind CSS.

Get accurate, timezone-aware weather forecasts for any city, with a 7-day and hourly breakdown.

Features

• 🌍 Search weather by city or auto-detect your location
• 📅 7-day forecast with interactive day selection
• 🕒 Hourly weather table with color-coded temperatures
• ☀️ UV Index ratings, and safety information
• 🌤️ Weather icons based on WMO weather codes
• 🕰️ Accurate timezone handling for any location
• 📱 Mobile-first, responsive design
• ⚡ Fast, optimized, and accessible

Getting Started

Prerequisites

Node.js (v22+ recommended)
npm

Installation

Clone the repo and install dependencies:

git clone https://github.com/smlbrd/sunbear.git
cd sunbear
npm install

Development

Start the local server:

npm run dev

Then open http://localhost:5173 in your browser.

Production

Build and preview the production build:

npm run build
npm run preview

Special thanks

Weather data: Open-Meteo

Location API: ip-api.io

Timezone utility: date-fns-tz

Icons: Sihan Liu