About This Architecture

Closet Mate is a three-tier mobile outfit recommendation app using React Native (Expo Go) on the client side, Python Flask REST API in the backend, and MySQL with external services for data and intelligence. The smartphone user interacts with four main screens—Login, Closet, Clothing Registration, and Outfit Recommendation—all communicating via REST endpoints (/auth, /clothes, /recommend, /feedback, /image). The Flask server integrates OpenWeather API for weather-aware suggestions and rembg library for automated background removal during clothing image uploads. This architecture demonstrates a scalable pattern for consumer mobile apps requiring real-time personalization, image processing, and third-party API orchestration. Fork and customize this diagram on Diagrams.so to adapt the backend stack, add caching layers, or swap providers for your own outfit or wardrobe management system.

People also ask

How do you architect a mobile outfit recommendation app with React Native, Flask, and weather integration?

Closet Mate uses a three-tier architecture: React Native (Expo Go) frontend with Login, Closet, Clothing Registration, and Outfit Recommendation screens; Python Flask REST API backend with /auth, /clothes, /recommend, /feedback, and /image routes; and a data layer combining MySQL, OpenWeather API for weather-aware suggestions, and rembg library for automatic background removal during image uploads