WTWR: My Journey Building a Smarter Closet
- Aykut Onat
- Apr 16
- 2 min read
We’ve all had those mornings where you step outside and immediately realize you’ve made a huge mistake with your outfit. That’s exactly why I started building WTWR (What to Wear). It’s a project I’ve been working on to solve that "what do I wear today?" dilemma using real-time weather data.
Where it’s at right now
The app is currently in its early stages, but the core logic is there. It pulls the temperature (like a nice 75°F here in Jersey City) and sorts through a digital closet to show only what makes sense for the weather.
The Logic: If it’s "Hot," you see t-shirts; if it’s "Cold," the app brings up the coats.
The UI: I’ve been spending a lot of time lately matching the interface to Figma designs, making sure the cards look clean and the modals feel snappy.
The Technical Side (The "Fun" Part)
Building this has been a massive learning curve. I’ve been moving away from hard-coding everything and toward a more "generic" setup. For example, instead of a modal that only knows how to do one thing, I’ve rebuilt them to be reusable templates that react to props.
I’ve also been focusing on the small UX details that make a big difference, like:
Making sure you can close pop-ups with the Escape key.
Using proper BEM naming so my CSS doesn’t become a nightmare to manage.
Ensuring the "Add Clothes" forms actually validate URLs properly.
It’s a Work in Progress
The coolest thing about this project is that it’s not "done." I’m treating it as a living codebase. I’m constantly jumping back in to refactor a component, tweak the grid layout, or fix a logic bug.
Next up, I’m looking at making the weather filtering even more precise and cleaning up the state management. It’s a marathon, not a sprint, and I’m excited to keep updating it as I learn more.
Check out the code
I'm pushing updates to this regularly as I learn new techniques. You can follow my progress or check out the latest commits here: