new-project-5732cf47

byMehreen Shahid

Build Complete AI-Powered Skincare App "Skinix" Create a complete modern mobile application called Skinix, an AI-powered skincare assistant that analyzes facial skin from selfies, identifies skin type and skin concerns, recommends skincare products, generates personalized skincare routines, and tracks skin improvement over time. Tech Requirements Flutter Mobile App (Android first, scalable to iOS) Firebase Authentication Firebase Firestore Database Firebase Storage Clean Architecture Provider State Management REST API Integration Support Responsive UI Dark and Light Theme Material Design 3 User Authentication Module Features Splash Screen Show Skinix logo App tagline: "AI Powered Personalized Skincare" Login Screen Email Login Username Login Password field with hide/show toggle Forgot Password Loading Indicator Error Handling Registration Screen First Name Username Email Gender Password Confirm Password Profile Picture Upload Social Login Google Login Facebook Login Twitter Login Email Verification Password Reset Logout Home Dashboard Create a beautiful dashboard showing: Welcome Message User Profile Picture Quick Actions Cards Cards: Skin Analysis Product Recommendations My Routine Progress Tracking Saved Products Profile Bottom Navigation: Home Analysis Products Progress Profile AI Skin Analysis Module Skin Analysis Screen Provide two options: Take Selfie Upload From Gallery Before Analysis: Check image quality Detect blurry image If blurry: Show: "Please upload a clear front-face photo." Show image preview AI Analysis Integrate API placeholders for: Skin Type Classification Return: Oily Dry Normal Combination Show confidence percentages: Example: Oily: 75% Dry: 10% Normal: 10% Combination: 5% Skin Concern Detection Detect: Acne Wrinkles Dark Circles Freckles Redness Pigmentation Whiteheads Eye Bags Dryness Display: Detected concern Severity percentage Simple explanation Example: Acne "Small inflamed bumps caused by clogged pores." Analysis Result Screen Show: Skin Type Card Detected Skin Type Confidence Percentage Skin Concerns Section Show all detected concerns with: Icon Severity Explanation AI Summary Generate a readable explanation: Example: "You have oily skin with mild acne and pigmentation. Use gentle cleansing products and oil-control moisturizers." Personalized Skincare Routine Module Generate morning and night routines automatically. Morning Routine Cleanser Toner Serum Moisturizer Sunscreen Night Routine Cleanser Treatment Moisturizer Features: Add Routine Step Delete Routine Step Mark Step Complete Edit Routine Product Recommendation Module Recommend products based on: Skin Type Skin Concerns Each product card must show: Product Image Product Name Brand Category Description Price Rating Categories: Cleanser Toner Serum Moisturizer Sunscreen Acne Treatment Product Filters Filter by: Category Skin Type Brand Product Actions Save Product Favorite Product Buy Product E-Commerce Integration Each product should include: Buy Now Button Open: Official Brand Website Daraz Amazon Sephora using external links. Saved Products Module Features: Save Product Remove Product Search Product View Product Details Search by: Product Name Brand Category Progress Tracking Module Create a dedicated Progress Screen. Store every analysis result. Timeline View Display: Analysis Date Skin Type Skin Concerns Before & After Comparison Show: Previous Image Current Image Charts Generate charts for: Acne Reduction Pigmentation Changes Skin Health Score Filters Filter progress by: Date Skin Concern Reminders Allow users to set: Weekly Analysis Reminder Monthly Analysis Reminder Push Notifications required. User Profile Module Show: Profile Picture First Name Username Email Gender Date Joined Features: Edit Profile Change Password Upload New Profile Picture Delete Account Notifications Module Send notifications for: Daily Skincare Routine Analysis Reminder Product Recommendations Progress Updates Database Structure Users Collection: { "uid": "", "firstName": "", "username": "", "email": "", "gender": "", "profileImage": "", "createdAt": "" } Analysis Collection: { "analysisId": "", "userId": "", "imageUrl": "", "skinType": "", "skinTypeScores": {}, "skinConcerns": [], "analysisDate": "" } Products Collection: { "productId": "", "name": "", "brand": "", "category": "", "price": "", "description": "", "buyLink": "" } Routine Collection: { "routineId": "", "userId": "", "routineType": "", "steps": [] } AI API Integration Prepare API services for: Skin Type Model ResNet-50 API Endpoint Input: Selfie Image Output: { "skinType": "Oily", "confidence": { "Oily": 75, "Dry": 10, "Normal": 10, "Combination": 5 } } Skin Concern Detection YOLOv8 API Endpoint Output: { "concerns": [ { "name": "Acne", "severity": 80 }, { "name": "Pigmentation", "severity": 45 } ] } Non Functional Requirements Analysis response within 5 seconds Home screen load under 2 seconds Support image uploads up to 10MB Secure authentication Encrypted user data Mobile responsive UI Clean code architecture Modular reusable widgets Smooth animations UI Design Requirements Create a premium skincare application UI. Colors: Primary: Soft Purple (#8B5CF6) Secondary: Light Lavender Background: White Accent: Soft Pink Design Style: Modern Clean Minimal Professional Beauty & Skincare Theme Include: Beautiful cards Progress charts Image comparison sliders Smooth transitions Loading animations Empty states Error states Generate all screens, navigation, Firebase integration, database models, API services, Provider state management, and complete Flutter project structure ready for development.