Back to project index

Full-Stack

Write-up

WardrobeApp

A private digital wardrobe for keeping clothing organized and making outfit planning easier.

Summary

WardrobeApp provides each user with a private space for recording clothing items and storing their images. Authentication, row-level security, validated forms, and private object storage establish the foundation for safely organizing a wardrobe and extending it with outfit-planning workflows.

From a clothing item to a private digital wardrobe

Authentication

Supabase establishes a private session

Item form

Validated inputs capture clothing details

Private storage

Images remain behind access controls

Wardrobe data

Row-level security isolates each collection

Planning

The interface organizes items for future outfits

What the system handled

Organizes clothing collections, private item images, and outfit-planning workflows.

Technology

Stack

Next.jsTypeScriptSupabaseSupabase AuthSupabase StorageRLSTailwind CSSReact Hook FormZod

Areas

Full-StackProductAuthentication

Conclusions

  • Authentication, private storage, and row-level security establish the correct privacy boundary before more visible outfit features are added.
  • Validated item metadata turns the wardrobe into a searchable collection ready for later planning workflows.
  • The current application provides the organizational foundation; recommendation and outfit-generation features would require richer item attributes and user preferences.
Private wardrobe
outerweartopstrousersshoes