A modern, feature-rich weather application with dynamic themes, AI-powered insights, and stunning visualizations
Climapro is a next-generation weather application that transforms how you experience weather information. Built with cutting-edge technologies, it delivers accurate forecasts wrapped in a beautiful, intuitive interface that adapts dynamically to weather conditions.
Experience weather like never before with:
- Dynamic Themes that change based on real-time weather conditions
- AI-Powered Summaries providing intelligent weather insights
- Interactive Maps with real-time weather overlay
- Glassmorphism UI with smooth animations and stunning visuals
- Persistent Favorites to track multiple cities effortlessly
- Adaptive color schemes that change based on weather conditions (sunny, rainy, cloudy, etc.)
- Smooth transitions between day/night modes
- System-aware dark/light theme support
- Intelligent weather summaries using Newell AI
- Personalized recommendations based on weather conditions
- Natural language weather descriptions
- Real-time weather visualization
- Location-based weather tracking
- GPS-enabled current location weather
- Save unlimited favorite cities
- Persistent storage across app restarts (AsyncStorage)
- Quick access to saved locations
- Long-press to remove favorites
- Hourly and 7-day forecasts
- Temperature, humidity, wind speed, and UV index
- Beautiful chart visualizations using Victory Native
- Customizable temperature units (°C / °F)
- Customizable speed units (km/h / mph)
- Glassmorphism design with blur effects
- Lottie animations for weather icons
- Smooth Reanimated transitions
- Haptic feedback for interactions
- Safe area support for modern devices
- Push notifications for weather updates
- Severe weather alerts
- Customizable notification settings
- Fast, intuitive city search
- Recent search history
- Worldwide city coverage
| Category | Technology | Purpose |
| Framework | React Native (0.81) / Expo (54) | Cross-platform mobile development |
| Navigation | Expo Router (6.0) | File-based routing system |
| Animation | React Native Reanimated (4.1) | Smooth 60fps animations |
| UI Components | Lottie, Expo Blur, Linear Gradient | Rich visual effects |
| Maps | React Native Maps | Interactive weather maps |
| Charts | Victory Native (41.20) | Beautiful data visualizations |
| AI | Newell AI (@fastshot/ai) | Weather insights & summaries |
| Storage | AsyncStorage | Persistent data management |
| Gestures | React Native Gesture Handler | Touch interactions |
| Language | TypeScript (5.9) | Type-safe development |
- Node.js (v18 or higher)
- npm or yarn
- Expo CLI
- iOS Simulator (for iOS development) or Android Studio (for Android)
Download the APK directly:
- Go to Releases
- Download
climapro-v1.0.0.apk - Install on your Android device
- Allow installation from unknown sources if prompted
- Enjoy Climapro! ☀️
Clone and run the project:
# Clone the repository
git clone https://github.com/Mavdii/Weather-app.git
cd Weather-app
# Install dependencies
npm install
# Start the development server
npx expo start
# Run on Android
npx expo start --android
# Run on iOS
npx expo start --ios
# Run on Web
npx expo start --webCreate a .env file in the root directory:
# Newell AI Configuration (for AI weather insights)
EXPO_PUBLIC_NEWELL_API_KEY=your_newell_api_key_here
EXPO_PUBLIC_NEWELL_API_URL=https://api.newell.ai
# Weather API Configuration
EXPO_PUBLIC_WEATHER_API_KEY=your_weather_api_key_here
# Optional: Analytics, Sentry, etc.# Build APK for Android
npx eas build --platform android --profile production
# Build for iOS
npx eas build --platform ios --profile production
# Build for both platforms
npx eas build --platform all --profile production- View Current Weather: Launch app to see weather for your location
- Search Cities: Tap the search icon to find cities worldwide
- Add Favorites: Tap the heart icon to save a city
- View Maps: Access interactive weather maps from the bottom tab
- Customize Settings: Change temperature units, themes, and notifications
- Theme: Choose Light, Dark, or Auto (follows system)
- Temperature Unit: Toggle between Celsius (°C) and Fahrenheit (°F)
- Wind Speed Unit: Toggle between km/h and mph
- Notifications: Enable/disable weather alerts
| Home Screen | Favorites | Settings | Weather Map |
|---|---|---|---|
 |
 |
 |
 |
Dynamic themes adapting to weather conditions
- ✅ Production Ready: Fully tested and optimized for production
- ✅ Persistent Storage: All favorites and settings saved locally
- ✅ AI Integration: Smart weather insights powered by Newell AI
- ✅ Modern Architecture: Clean code with TypeScript and Context API
- ✅ Smooth Performance: 60fps animations with Reanimated
- ✅ Cross-Platform: Runs on iOS, Android, and Web
- ✅ Accessibility: Proper contrast, touch targets, and screen reader support
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Weather data provided by various weather APIs
- AI insights powered by Newell AI
- Icon animations from LottieFiles
- Maps provided by React Native Maps
|
Full-Stack Mobile Developer
Available for freelance projects and consultations Specialized in React Native, Expo, and modern mobile app development |
Made with ❤️ by Umar
Climapro v1.0.0 • Built with React Native & Expo