All work
StyleBoard AI
Web App · React · Fashion Tech · Digital Wardrobe · Outfit Planner · AI Suggestions · PWA
StyleBoard AI is a fashion-tech web app/PWA designed to create a personal digital wardrobe and transform your real clothes into organized, visual, and reusable outfits. The app allows you to upload clothes, shoes, accessories, and other wardrobe items, associating each item with photos, category, subcategory, main color, secondary colors, season, occasion, elegance level, brand, tags, notes, active/archived status, and favorites.
The project starts with a premium, masculine, elegant, and dark-first identity, oriented towards a detail-oriented mobile-first experience. The goal is to offer a personal tool to better organize one's style, enhance existing items, plan looks, and reduce the “mental” management of the wardrobe, transforming it into a visual, organized, and consultable system over time.
The wardrobe section allows you to view, filter, modify, archive, delete, and mark uploaded items as favorites. Images are managed through private storage and displayed in the app with dedicated previews, so the user can build a visual library truly based on their own clothes, avoiding abstract lists or generic content.
The outfit board part allows combining multiple real items and creating complete looks with a name, description, occasion, season, mood, elegance level, notes, and favorites. Outfits thus become reusable, consultable, and organizable elements over time, useful both for preparing recurring combinations and for experimenting with new pairings.
One of the central features is the outfit suggester. The app offers two modes: a deterministic rule-based engine, always available, and an AI mode with real-time weather. The suggester considers active items, mandatory items, excluded items, season, occasion, weather, requested elegance, preferred colors, colors to avoid, favorite items, and essential categories such as shoes, tops, and bottoms. Each generation produces three proposals, highlights the suggested palette, outfit coherence, any missing categories, and allows saving a proposal as a real outfit.
The AI mode integrates current weather via browser geolocation and Open-Meteo, so suggestions can take into account real conditions such as heat, cold, rain, wind, or mild climate. In case of error, limit, or unavailability of the AI service, the app maintains operational continuity thanks to automatic fallback to the rule-based engine, avoiding blockages in the user experience.
StyleBoard AI also includes an outfit calendar to plan looks on specific dates and track their status: planned, worn, or skipped. The monthly view, planning list, monthly KPIs, clicking on the day with pre-filled date, and quick status change allow using the app not only as an archive but also as a daily tool to prepare and track looks.
The favorites section aggregates saved items and outfits, allowing you to quickly find the most used or most appreciated elements. Settings allow you to configure displayed name, preferred colors, colors to avoid, default elegance level, theme, onboarding status, JSON export of application data, and a privacy and security summary.
From a product experience perspective, StyleBoard AI combines a digital wardrobe, planning, AI, weather, favorites, calendar, and premium design in a single installable application. It is designed for those who want to organize their style more consciously, build outfits starting from what they really own, and get suggestions consistent with occasion, season, weather, and personal preferences.
Year
2026
Stack
ReactTypeScriptTanStack StartTanStack RouterTanStack QueryViteTailwind CSSshadcn/uiRadix UISupabasePWAESLintPrettier
