WeatherActive

WeatherActive is a modern weather application that connects weather conditions with active lifestyles. The app provides personalized recommendations for your chosen sport with an easy-to-understand rating system based on real-time weather data.

⭐ Features

• City-based Weather: Search for any city to get current weather conditions
• Sport-specific Ratings: Get tailored weather ratings for various outdoor activities
• Activity Recommendations: Receive suggestions based on current conditions
• Clean UI: Modern, responsive interface with intuitive navigation

🧰 Tech Stack

• React + TypeScript
• Vite for fast builds and development
• React Router for navigation
• MUI components and icons
• OpenWeather API integration

🚀 Quick Start

# Install dependencies
npm install

# Start development server
npm run dev

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

🔑 API Keys

This project uses the OpenWeather API. For security reasons, you need to provide your own API key:

• Sign up for a free API key at OpenWeather
• Replace the API key in src/utils/apiCalls.ts with your own

📱 Usage

1. Search for your city
2. Select your sport/activity
3. View your personalized weather report and activity rating
4. Check recommendations specific to current weather conditions

📋 License

MIT License

---

Built with ❤️ using React + TypeScript