<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Lock John</title>
    <description>The latest articles on Forem by Lock John (@lock_john_1c70e3c6a0bfd96).</description>
    <link>https://forem.com/lock_john_1c70e3c6a0bfd96</link>
    <image>
      <url>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%2F3741486%2Fccdbe099-8e9f-4cc9-9133-8797b292cfec.png</url>
      <title>Forem: Lock John</title>
      <link>https://forem.com/lock_john_1c70e3c6a0bfd96</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/lock_john_1c70e3c6a0bfd96"/>
    <language>en</language>
    <item>
      <title>What to Wear to a Job Interview (Without Overthinking It)</title>
      <dc:creator>Lock John</dc:creator>
      <pubDate>Thu, 02 Apr 2026 08:59:55 +0000</pubDate>
      <link>https://forem.com/lock_john_1c70e3c6a0bfd96/what-to-wear-to-a-job-interview-without-overthinking-it-hlk</link>
      <guid>https://forem.com/lock_john_1c70e3c6a0bfd96/what-to-wear-to-a-job-interview-without-overthinking-it-hlk</guid>
      <description>&lt;p&gt;Job interviews are stressful enough — what makes it worse is not knowing what to wear.&lt;/p&gt;

&lt;p&gt;Most advice online sounds like this:&lt;br&gt;
"Dress professionally."&lt;br&gt;
"Wear something appropriate."&lt;/p&gt;

&lt;p&gt;But what does that actually mean?&lt;/p&gt;

&lt;p&gt;After going through multiple interviews (and overthinking my outfit every time), I realized something:&lt;/p&gt;

&lt;p&gt;👉 People don’t need more inspiration — they need clear, practical answers.&lt;/p&gt;

&lt;p&gt;So here’s a simple breakdown.&lt;/p&gt;




&lt;h2&gt;
  
  
  👔 A Simple Interview Outfit Formula
&lt;/h2&gt;

&lt;p&gt;If you don’t want to think too much, follow this:&lt;/p&gt;

&lt;h3&gt;
  
  
  For Men:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Top: Solid color button-down shirt (white / light blue)&lt;/li&gt;
&lt;li&gt;Bottom: Dark chinos or dress pants&lt;/li&gt;
&lt;li&gt;Shoes: Clean leather shoes or loafers&lt;/li&gt;
&lt;li&gt;Optional: Blazer for more formal roles&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  For Women:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Top: Blouse or simple knit top (neutral colors)&lt;/li&gt;
&lt;li&gt;Bottom: Tailored pants or knee-length skirt&lt;/li&gt;
&lt;li&gt;Shoes: Flats or low heels&lt;/li&gt;
&lt;li&gt;Optional: Blazer or structured jacket&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🧠 Adjust Based on Industry
&lt;/h2&gt;

&lt;p&gt;Not all interviews are the same:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Tech startup → Business casual is usually fine&lt;/li&gt;
&lt;li&gt;Finance / law → More formal (blazer recommended)&lt;/li&gt;
&lt;li&gt;Creative roles → Slight flexibility, but keep it clean&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  ❌ Common Mistakes
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Overdressing (full suit for a casual startup)&lt;/li&gt;
&lt;li&gt;Underdressing (t-shirt + sneakers)&lt;/li&gt;
&lt;li&gt;Loud colors or distracting patterns&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🤔 Still Not Sure?
&lt;/h2&gt;

&lt;p&gt;One thing I found frustrating was how scattered advice is.&lt;/p&gt;

&lt;p&gt;So I built a small tool that gives you a complete outfit suggestion based on your situation:&lt;/p&gt;

&lt;p&gt;👉 &lt;a href="https://www.outfitguide.online/" rel="noopener noreferrer"&gt;https://www.outfitguide.online/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It’s still very simple (mostly text-based), but I’m exploring whether people actually find this useful.&lt;/p&gt;




&lt;h2&gt;
  
  
  💬 Curious — how do you decide what to wear for interviews?
&lt;/h2&gt;

&lt;p&gt;Do you follow a rule, or just guess each time?&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>productivity</category>
      <category>career</category>
      <category>beginners</category>
    </item>
    <item>
      <title>I Built a Free AI Face Shape Detector (and What I Learned Along the Way)</title>
      <dc:creator>Lock John</dc:creator>
      <pubDate>Sat, 31 Jan 2026 15:07:05 +0000</pubDate>
      <link>https://forem.com/lock_john_1c70e3c6a0bfd96/i-built-a-free-ai-face-shape-detector-and-what-i-learned-along-the-way-5fc1</link>
      <guid>https://forem.com/lock_john_1c70e3c6a0bfd96/i-built-a-free-ai-face-shape-detector-and-what-i-learned-along-the-way-5fc1</guid>
      <description>&lt;p&gt;Hey devs 👋&lt;/p&gt;

&lt;p&gt;I recently built a small side project called Face Shape Detector — a free web tool that analyzes a face photo and tells you the face shape (oval, round, square, heart, etc.) using AI.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxgsw3sam111xvrvjqhdl.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxgsw3sam111xvrvjqhdl.png" alt=" " width="800" height="384"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I want to share why I built it, how it works, and a few lessons I learned along the way.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why I Built This
&lt;/h2&gt;

&lt;p&gt;I noticed that many people struggle with things like:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Choosing the right hairstyle or glasses&lt;/li&gt;
&lt;li&gt;Understanding face proportions&lt;/li&gt;
&lt;li&gt;Finding objective feedback about their appearance&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Most existing tools are either:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Locked behind paywalls&lt;/li&gt;
&lt;li&gt;Mobile-only apps&lt;/li&gt;
&lt;li&gt;Or overly complicated&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;So I wanted to build something that is:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Free&lt;/li&gt;
&lt;li&gt;No signup&lt;/li&gt;
&lt;li&gt;Works instantly in the browser&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  What the Tool Does
&lt;/h2&gt;

&lt;p&gt;The Face Shape Detector lets users:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Upload a face photo&lt;/li&gt;
&lt;li&gt;Get an instant analysis of their face shape&lt;/li&gt;
&lt;li&gt;See a simple explanation of the result&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;No data is stored permanently, and the experience is designed to be as lightweight as possible.&lt;/p&gt;

&lt;p&gt;👉 Live demo:&lt;br&gt;
&lt;a href="https://www.yourface.online/" rel="noopener noreferrer"&gt;https://www.yourface.online/&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  How It Works (High Level)
&lt;/h2&gt;

&lt;p&gt;I tried to keep the architecture simple and scalable:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Frontend:&lt;/strong&gt; Next.js + Tailwind CSS&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Backend:&lt;/strong&gt; API routes for face analysis&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;AI:&lt;/strong&gt; Face landmark detection + rule-based classification&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Deployment:&lt;/strong&gt; Vercel&lt;/p&gt;

&lt;p&gt;The AI part focuses on extracting facial landmarks (jawline, cheekbones, forehead width), then classifying the face shape based on geometric ratios rather than black-box predictions.&lt;/p&gt;

&lt;p&gt;This made the results:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;More explainable&lt;/li&gt;
&lt;li&gt;Easier to tune&lt;/li&gt;
&lt;li&gt;Faster to iterate on&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Challenges I Ran Into
&lt;/h2&gt;

&lt;p&gt;A few things were harder than expected:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1. Image Abuse &amp;amp; Bots&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Open tools attract spam very quickly. I had to add rate limiting and verification to prevent mass uploads.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;2. Perceived Accuracy&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Even when the math is correct, users may feel the result is wrong. UX explanations matter as much as the model itself.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;3. Speed vs Accuracy&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;More complex models = slower results. I optimized for fast feedback first, accuracy second.&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Learned
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Simple tools with clear value outperform complex ones&lt;/li&gt;
&lt;li&gt;UX clarity matters more than model complexity&lt;/li&gt;
&lt;li&gt;SEO + tool-based content is a powerful combo&lt;/li&gt;
&lt;li&gt;Shipping fast &amp;gt; waiting for “perfect”&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This project also helped me validate whether &lt;strong&gt;AI-powered micro tools&lt;/strong&gt; are worth building as indie projects — and so far, the answer looks like yes.&lt;/p&gt;

&lt;h2&gt;
  
  
  What’s Next
&lt;/h2&gt;

&lt;p&gt;Possible next steps:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Hairstyle or glasses recommendations&lt;/li&gt;
&lt;li&gt;API access for developers&lt;/li&gt;
&lt;li&gt;More explainable visual overlays&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If you’re interested, feel free to try it and share feedback 👇&lt;br&gt;
&lt;a href="https://www.yourface.online/" rel="noopener noreferrer"&gt;https://www.yourface.online/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>nextjs</category>
      <category>webdev</category>
      <category>sideprojects</category>
    </item>
  </channel>
</rss>
