thumbnail

Reflecto - Smart Mirror with AI

Next.jsReactTypeScriptTailwind CSSArduinoComputer Vision

An intelligent mirror system combining computer vision, AI, and IoT to provide personalized clothing recommendations in real-time based on weather, schedule, and personal style.


Project Overview

Reflecto is an innovative smart mirror concept that combines computer vision, artificial intelligence, and IoT to deliver personalized clothing recommendations in real-time. Using an integrated camera, the system analyzes user characteristics (body shape, silhouette, skin tone) and suggests outfits adapted to daily context.


Technical Development

- Frontend: Built with Next.js, React, TypeScript, and Tailwind CSS for a modern, responsive interface.
- Computer Vision: Integration of OpenCV / TensorFlow for visual analysis and body detection.
- IoT Integration: Arduino-based mirror module communicating via API/HTTP/WebSocket with the web platform.
- AI Engine: Generative AI for contextual clothing recommendations based on multiple data sources.


Features


- Smart Visual Analysis: Body morphology detection, silhouette analysis, and skin tone recognition for personalized suggestions.
- Contextual Recommendations: Outfit suggestions adapted to weather (real-time API), personal calendar, time of day, and season.
- Conversational Interface: Natural language interaction for personalized fashion queries.
- Voice Synthesis: Audio restitution of recommendations for hands-free interaction.
- Look History: Track style evolution and remember user preferences over time.
- Accessibility: Designed for visually impaired, elderly, and neurodiverse users.


Architecture


The current web version serves as the central hub: handling AI processing, user interface, and communication with IoT components. Data (images, user commands) is processed on the web platform and sent to the Arduino-based mirror module for display and physical interaction. A mobile version is planned for camera/mic-based interaction without IoT dependencies.


Highlights


- Live Demo: Try Reflecto.
- Multi-Technology: Bridges web, AI, IoT, and hardware in a single cohesive product.
- Real-World Impact: Addresses daily fashion decisions with intelligent, personalized assistance.


Conclusion


Reflecto pushes the boundaries of what a mirror can do, transforming it into a personal AI-powered fashion consultant. The project demonstrates mastery of full-stack development, computer vision integration, and IoT communication in a compelling real-world application.


Live Preview