🧴 AI-Powered Skincare Advisor

Role: Designer & Integrator Tools Used: Bubble.io, Microsoft Azure Face API, OpenAI API, Imgur Timeline: July 2025 – Present

🔍 Overview

This project is a no-code skincare web app that allows users to upload a selfie, detect facial features using Microsoft Azure's Face API, and receive personalized skincare suggestions via OpenAI. Built entirely with Bubble.io, the app handles image upload, API-based face detection, dynamic text rendering, and result display workflows.

⚙️ Features

📸 Upload Image → Analyze Skin → View Results

🧠 Azure Face API: Detects age, emotion, skin quality, facial structure

💬 OpenAI API: Generates personalized skincare advice

🎨 Clean UI: Image carousel, footer, responsive layout

📊 Data Integration: Dynamic API responses, real-time rendering

🧩 Bubble.io Workflow: Full API integration using no-code logic

💡 What I Learned

This project deepened my knowledge of API integration in no-code environments. I mastered connecting external services (Azure and OpenAI) to Bubble workflows, building responsive layouts, and debugging complex logic using Bubble's visual editor.

🖼️ Visual Previews