WeatherWise is a web application that provides weather-appropriate outfit suggestions based on current weather conditions. It combines weather data with AI-powered outfit recommendations and generates visual representations of suggested outfits.
- Vue.js
- Tailwind CSS
- FastAPI
- OpenAI API (GPT-4)
- Stable Diffusion
- OpenWeatherMap API
-
Python 3.8+
-
Node.js and npm
-
Stable Diffusion Web UI by AUTOMATIC1111 (https://github.com/AUTOMATIC1111/stable-diffusion-webui) model: CyberRealistic Pony v7 (https://civitai.com/models/443821?modelVersionId=507888)
-
API keys for:
- OpenAI (https://platform.openai.com/docs/overview)
- OpenWeatherMap (https://home.openweathermap.org/api_keys)
- Clone the repository:
git clone https://github.com/Yamobura/WeatherWise.git
cd WeatherWise- Set up the backend:
cd backend
python -m venv venv
# On Windows Command Prompt:
.\venv\Scripts\activate.bat
# On Unix or MacOS:
source venv/bin/activate
pip install -r requirements.txt- Set up the frontend:
cd frontend
npm install- Configure API keys:
- Create
backend/app/config.pywith your API keys:
OPENAI_API_KEY = 'your-openai-api-key' WEATHER_API_KEY = 'your-weather-api-key' WEBUI_SERVER_URL = 'http://127.0.0.1:7860'
- Create
- Start the Stable Diffusion Web UI:
cd stable-diffusion-webui
webui.bat --api- Start the backend server:
cd backend
uvicorn app.main:app --reload- Start the frontend development server:
cd frontend
npm run dev- Open your browser and navigate to
http://localhost:5173
- Enter a city name or use your current location
- The app will fetch current weather conditions
- Based on the weather, you'll receive:
- A detailed weather overview
- An AI-generated outfit suggestion
- A visual representation of the suggested outfit
GET /weather- Get weather data for a locationGET /chatgpt- Generate outfit suggestionsGET /imagegeneration- Generate outfit visualization