https://github.com/alpha007-cmd/weather-mood-forecast-app
https://github.com/alpha007-cmd/weather-mood-forecast-app
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/alpha007-cmd/weather-mood-forecast-app
- Owner: alpha007-cmd
- Created: 2025-09-02T07:34:06.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-09-02T09:43:49.000Z (10 months ago)
- Last Synced: 2025-09-02T11:12:17.222Z (10 months ago)
- Language: JavaScript
- Homepage: https://weather-app-mood.vercel.app
- Size: 76.2 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌦️ Weather & Mood Forecast App
A modern weather application that not only shows **real-time weather updates** but also suggests **moods, activities, and matching Spotify playlists** based on the weather conditions.
---
## ✨ Features
- 🌍 Get **live weather data** using the [OpenWeather API](https://openweathermap.org/api)
- 🎶 Get **music & mood recommendations** using the [Spotify Web API](https://developer.spotify.com/documentation/web-api)
- 🎭 "Mood Forecast" → Suggests activities, moods, or playlists depending on the weather
- 🌓 Simple, responsive UI with smooth design
---
## 🚀 Tech Stack
- **Frontend:** HTML, CSS, JavaScript
- **APIs:** OpenWeather API, Spotify API
---
## ⚙️ Installation & Setup
1. Clone this repository:
```bash
git clone https://github.com/alpha007-cmd/Weather-Mood-Forecast-App
2. Navigate into the project:
```bash
cd Weather & Mood Forecast App
```
3. Open `index.html` in your browser OR run with a local server.
---
## 🔑 API Keys Required
* **OpenWeather API Key** → [Get one here](https://openweathermap.org/appid)
* **Spotify API Key** → [Get one here](https://developer.spotify.com/dashboard/)
👉 Add your API keys inside `script.js`:
```js
const weatherApiKey = "YOUR_OPENWEATHER_API_KEY";
const spotifyApiKey = "YOUR_SPOTIFY_API_KEY";
```
Stock Weather app : https://github.com/alpha007-cmd/Weather-app