An open API service indexing awesome lists of open source software.

https://github.com/optimized-brain/weather-buddy

Get weather insights of your city
https://github.com/optimized-brain/weather-buddy

nextjs openweathermap-api tailwindcss vercel weather

Last synced: 2 months ago
JSON representation

Get weather insights of your city

Awesome Lists containing this project

README

          

Weather Buddy Logo

## WeatherBuddy

Weather‑Buddy is a responsive weather‑forecasting web app that lets users automatically detect their current location or search any city worldwide to get instant conditions and 7‑day forecasts. It also keeps a history of viewed locations for quick revisits.

---

## 🚀 Demo

▶️ Live site: [weatherbuddy.vercel.app](https://weatherbuddy.vercel.app)

* **Automatic location detection** via the browser’s Geolocation API
* **Search & filter** cities manually to view detailed forecasts
* **Viewed Locations** panel for one‑click return to past searches

---

## 🛠 Tech Stack

* **Next.js** – React framework with hybrid SSG/SSR support for fast performance
* **TypeScript** (98.2%) – Strict typing for safer, self‑documenting code
* **Tailwind CSS** – Utility‑first styling for rapid UI development
* **PostCSS** & **ESLint** – Industry‑standard tooling for CSS and JS linting

---

## 📥 Installation

1. **Clone the repo**

```bash
git clone https://github.com/Optimized-Brain/Weather-Buddy.git
```
2. **Install dependencies**

```bash
npm install
```
3. **Run in development**

```bash
npm run dev
```

Open [http://localhost:3000](http://localhost:3000) to view in your browser

---

## ⚙️ Configuration & Environment

Use OpenWeather API Key to run it locally

```dotenv
OPENWEATHERMAP_API_KEY=your_api_key_here
```