WeatherOutfit is a React application that helps users choose what to wear based on real-time weather conditions and their planned activity.
The app fetches weather data from OpenWeatherMap and provides outfit suggestions based on temperature, rain, wind, and activity type.
- Search weather by city name (Geocoding)
- Real-time forecast data from OpenWeatherMap
- Outfit suggestions based on:
- Temperature
- Rain
- Wind
- Selected activity (Casual / Work / Sport / Outing)
- Save favorite cities using LocalStorage
- Toggle temperature units (°C / °F)
- Client-side routing with React Router
- Global state management using Context API
- Custom React hooks
- Home – Introduction and city search
- Forecast – Weather overview and outfit suggestions
- Favorites – Saved cities for quick access
- About – Project information
- React (with Vite)
- React Router
- Context API
- Custom Hooks
- OpenWeatherMap API
- CSS (custom styling)
npm install