WTWR is a responsive, weather-based clothing recommendation web application built with React.js. The application calls a weather API to fetch current weather conditions and then displays suggested clothing items appropriate for the weather.
- Real-time weather data integration
- Dynamic clothing recommendations based on temperature
- Interactive UI with modals for viewing and managing clothing items
- Temperature unit toggle (Fahrenheit / Celsius) using React Context
- Profile page with full wardrobe view using React Router
- Add and delete clothing items with form handling and confirmation modals
- Fully responsive design following modern UI principles
- Frontend: React.js with Vite
- Styling: CSS with BEM methodology and responsive media queries
- API Integration: OpenWeather API
- Mock Backend: json-server for CRUD operations
- Deployment: GitHub Pages
- User authentication and personalized wardrobes
- Persistent backend with database integration
- Smart outfit recommendations based on user preferences and history
- Enhanced accessibility and theme customization
Visit the live application deployed with GitHub Pages: 👉 https://iyadshobaki.github.io/se_project_react
Visit the live application deployed with Google Cloud - Full stack version: 👉 https://www.wearright.jumpingcrab.com/
Check out these videos, where I describe my project and some challenges I faced while building it: