I want to build a web app that lets users (just me, actually) log the clothes I wear running along with the weather conditions. It will also give me recommendations for what to wear given the current (or forecasted) weather for a particular day, trained based on what I usually wear. Below are more details on the requirements.

  • The app will have two main tabs: Plan and Log. There will also be a button to log a new run.
  • Logging a new run:
    • When users click log a run, they're presented with a form that lets them select what they wore for a run
    • Options:
      • head: none, cap, beanie
      • top (base): singlet, short sleeve tee, long sleeve tee
      • top (outer): none, sweater, quarter zip
      • bottom: shorts, half tights, full tights
      • a check box for gloves or not
      • a check box for if I ended up taking my shirt off that run
    • We also want to log the weather of that run. By default, show the weather (temp, dew point, conditions) for the current location and time
    • Users can can also select a different date/time and location
  • Log tab
    • A simple, information-dense table that shows all previous records. Users can edit and delete them
  • Plan tab
    • Using an LLM that analyses my previous clothing choices, display a recommendation for what to wear for the current location and time.
    • Users can also select locations and times in the future

Technical details

  • This app will be hosted on val.town. Closely review and follow the guidelines in AGENTS.md before starting to plan and implement.
  • Use tailwind for styling. Keep the UI clean and simple with minimal styling.
  • The app will primarily be used on my phone, so optimze for mobile usability
  • Use one of the val town builtin storage mechanisms (sqlite or blob storage) to persist data
  • Use a free weather api
  • For the LLM, use Claude. I can provide an API key for it