https://github.com/salmanazamdev/moody-weather-ai
A simple yet smart React Native weather app built with Expo, which fetches 15-day weather forecasts using the Open-Meteo API. The app displays not just temperatures and dates, but also reacts to the weather using mood-based emojis and friendly, human-like text, making your weather experience more relatable.
https://github.com/salmanazamdev/moody-weather-ai
api expo expo-cli open-meteo-api react react-native react-native-app tsx typescript weather weather-api weather-app
Last synced: about 2 months ago
JSON representation
A simple yet smart React Native weather app built with Expo, which fetches 15-day weather forecasts using the Open-Meteo API. The app displays not just temperatures and dates, but also reacts to the weather using mood-based emojis and friendly, human-like text, making your weather experience more relatable.
- Host: GitHub
- URL: https://github.com/salmanazamdev/moody-weather-ai
- Owner: salmanazamdev
- Created: 2025-07-11T18:14:19.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-07-23T10:40:03.000Z (11 months ago)
- Last Synced: 2025-07-30T18:57:29.073Z (10 months ago)
- Topics: api, expo, expo-cli, open-meteo-api, react, react-native, react-native-app, tsx, typescript, weather, weather-api, weather-app
- Language: TypeScript
- Homepage:
- Size: 117 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌦️ Moody Weather AI — React Native Weather App
**"Mosam ka kya mood hai?"**
An expressive and modern mobile weather app that goes beyond just temperature — it gives you the **vibe** of the weather 😎
---
## 🧠 Features
- 📍 Shows weather for **Islamabad** with emoji and mood message
- 🧠 Uses Open-Meteo API to fetch 15-day forecast
- 📅 View full forecast with 1 tap
- 📷 Dynamic **background image** based on the weather
- 🎭 Mood-based **emoji + message** based on temperature & weather condition
- 📱 Built with **React Native**, **Expo**, and **TypeScript**
---
## 📂 Folder Structure
```
moody-weather-ai/
├── App.tsx
├── /screens
│ ├── HomeScreen.tsx # Today's weather mood
│ └── ForecastScreen.tsx # Full 15-day forecast
├── /api
│ └── weatherService.ts # Open-Meteo API call logic
├── /utils
│ └── getWeatherMood.ts # Converts weather → mood + emoji + image
├── /assets # (optional) icons/fonts/images
````
---
## 🌐 API
- Open-Meteo (Free, No API Key Needed)
[https://open-meteo.com/en/docs](https://open-meteo.com/en/docs)
---
## 🚀 Getting Started
```bash
# Clone the repo
git clone https://github.com/salmanazamdev/moody-weather-ai
# Go to project folder
cd moody-weather-ai
# Install dependencies
npm install
# Start Expo server
npx expo start
````
---
## 💡 Future Ideas
* 📍 Add location search or use device GPS
* 🌙 Dark mode with auto theme
* 🎥 Background videos (animated weather)
* 🌐 Urdu/English language switcher
---
## 🙌 Made By
**Salman Azam** 🌤️
> Follow me on [LinkedIn](https://www.linkedin.com/in/salmanazamdev)
> Project inspired by a class task that turned into something 🔥