StyleBot

• 

  Generated Outfit Combination based on "Style Vibe"

Inspiration

Daily struggle of what to wear and unused clothing items in closet

What it does

An AI Outfit Builder that analyzes your uploaded clothing items, cycles through every outfit combination, and selects the best outfit from your wardrobe based on the vibe you describe.

How we built it

Outfit analysis is handled by the Google Gemini API, which evaluates every possible top/bottom/shoes combination and returns a structured JSON recommendation. The UI and underwater visual environment were built using the 2D Context API and assistance from Claude.

Challenges we ran into

A big technical issue was storage. localStorage has a 5 MB limit that only allows 6-7 clothing items per category, images would appear to save but disappear on next login. I switched to IndexedDB, which allowed users to store dozens of items with no limit. Other small issues included freezes while switching between screens, specifically after the bubble animation, and having to upgrade the Google Gemini API tier.

Accomplishments that we're proud of

Creating the visual environment with little HTML and CSS experience beforehand. Applying AI learned in class to actual projects.

What we learned

For large string storage, specifically image data, you need to use IndexedDB. For creating your UI, you should draw out every single screen you want before coding to avoid constantly going back and implementing changes.

What's next for StyleBot

Adding more features such as additional accessories like headwear, the ability to save outfits, and launching StyleBot as a mobile app

Built With

• api
• css
• html
• javascript