ClothCast

🌟 Inspiration

We noticed that while checking the weather is part of most people’s morning routine, many still stand in front of their closet wondering, "But what should I actually wear?" Weather apps give numbers, but not practical advice. We wanted to bridge that gap with a simple, helpful tool that turns forecasts into fashion advice — enter ClothCast.

👕 What it does

ClothCast is a web app that gives you personalized outfit suggestions based on the current weather and your preferences. By inputting your location, style, and optional details like gender or age, you’ll receive tailored clothing recommendations — whether it’s sunny and warm or rainy and cold.

🛠️ How we built it

• Frontend: Built with React and styled using Tailwind CSS for a clean, responsive UI.
• Backend: Node.js with Express to handle API requests.
• APIs: Integrated with the OpenWeatherMap API to fetch real-time weather data.
• Logic Engine: A rules-based decision system maps temperature, precipitation, and wind to outfit recommendations.
• Extras: Optional geolocation via the browser to auto-detect your city/zip.

🧗 Challenges we ran into

• Designing clothing logic that felt both personalized and practical took experimentation.
• Ensuring accurate geolocation fallback when GPS fails or is denied.
• Balancing simplicity with customization — we wanted a quick experience, but not a one-size-fits-all solution.

🏆 Accomplishments that we're proud of

• Created a seamless experience that goes from weather forecast to outfit idea in seconds.
• Built a working prototype in under [X hours/days].
• Developed a reusable clothing logic engine that can scale with more styles, genders, and trends.

📚 What we learned

• How to make raw weather data human-friendly.
• That personalization (even simple, like “sporty” vs “casual”) greatly improves user experience.
• How to prioritize features that give users the most value with the least friction.

Built With

• openweatherapi
• react.js