The latest articles on Forem by Naeem Ullah (@enaeemullah). https://forem.com/enaeemullah https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F882985%2F8d916597-1f06-4027-99e8-30c7a3b79e14.jpg https://forem.com/enaeemullah en Naeem Ullah Wed, 01 Apr 2026 04:32:49 +0000 https://forem.com/enaeemullah/i-built-an-ai-powered-face-shape-detector-with-personalized-style-recommendations-o49 https://forem.com/enaeemullah/i-built-an-ai-powered-face-shape-detector-with-personalized-style-recommendations-o49 <p>As developers, we often build tools that solve technical problems. This time, I wanted to build something more visual, practical, and fun.</p> <p>So I created a <a href="https://faceshapedetector.app/" rel="noopener noreferrer">Face Shape Detector</a> — a web app that analyzes a user’s face shape and provides personalized hairstyle, sunglasses, and style recommendations.</p> <p>What it does</p> <p>The app allows users to upload an image, and it automatically detects their face shape, such as:</p> <p>Oval<br> Round<br> Square<br> Heart<br> Diamond<br> Rectangle</p> <p>After detection, it gives personalized suggestions like:</p> <p>Best hairstyles for the detected face shape<br> Recommended sunglasses/frame styles<br> Style tips and blog recommendations</p> <p>The goal was to make AI-powered style recommendations simple and accessible.</p> <p>Tech Stack</p> <p>I built this project using:</p> <p>Next.js for the frontend and routing<br> React for UI components<br> AI / Face Detection Model for face analysis<br> Responsive UI for mobile and desktop users<br> Challenges I faced</p> <p>One of the biggest challenges was making the detection accurate enough for real-world images.</p> <p>Users upload photos with different:</p> <p>lighting conditions<br> face angles<br> image quality<br> backgrounds</p> <p>Handling these variations while maintaining performance was an interesting problem.</p> <p>Another challenge was mapping face shapes to meaningful style recommendations instead of only showing raw AI output.</p> <p>Why I built it</p> <p>I wanted to combine:</p> <p>AI<br> frontend development<br> user personalization<br> practical recommendations</p> <p>into a single product experience.</p> <p>Instead of just detecting a face shape, I wanted the app to actually help users make decisions.</p> <p>Future improvements</p> <p>Some ideas I’m planning next:</p> <p>beard style recommendations<br> makeup suggestions<br> celebrity look-alike comparisons<br> better AI accuracy<br> saved style history</p> <p>Would love feedback from the DEV community on both the technical and product side.</p> <p>What features would you add next?</p> ai machinelearning showdev webdev