About the Project: AfroChick Black Beauty

Inspiration

As a Black woman, I noticed how difficult it can be to find hairstyle recommendations that are truly tailored to Black hair types. Most apps either focus on generic hair or don’t provide personalized advice. I wanted to create a tool that empowers women to explore styles, protect their hair, and feel confident.

What I Built

AfroChick Black Beauty is a personalized AI hairstylist. Users enter their hair type and style preference, and the AI instantly suggests three hairstyles with care tips. In the future, I plan to add AI-generated visual previews so users can see how each style would look on them.

• Frontend: Clean, interactive web interface built with HTML, CSS, and JavaScript.
  
• Backend/AI: Gemini 3 API powers the chatbot logic and generates recommendations.
  
• User Flow:
  1. Select hair type and style preference
     
  2. Submit input
     
  3. Receive AI-generated hairstyle suggestions and tips
     

What I Learned

• How to integrate Gemini 3 API into a web application.
  
• The importance of clear AI prompts to get useful output.
  
• Basic UI/UX principles for a polished, hackathon-ready interface.
  
• How to structure a solo project to be scalable.

Challenges

• Time constraint: Building a functional AI app alone for the hackathon.
  
• AI output variability: Gemini sometimes produces vague suggestions, so crafting the right prompts was critical.
  
• UI polish: Making the app look professional without overcomplicating design.
  
• Future integration: Planning for image upload + AI-generated hairstyle previews without overcomplicating MVP.

Example LaTeX

In the app logic, we can represent AI recommendations mathematically:

$$ R = { r_1, r_2, r_3 }, \quad r_i = f(H, S) $$

Where:

• (H) = user hair type
  
• (S) = style preference
  
• (R) = set of AI-generated hairstyle recommendations

Built With

• express.js
• gemini-3-api
• html
• node.js
• replit