Build a dating profile audit app
Builds a React app that scores dating photos, rewrites a bio in three tones, drafts icebreakers and exports a PDF.
Task:
Build a web app called "First Impression", a dating profile audit and optimization tool.
Context:
The app is for people who want to improve their dating profile. It reviews their photos, bio and opening messages and shows one overall score. It is built with React, uses [LLM API] for all AI calls and jsPDF for the export. In the photo audit the user describes up to 6 photos, and AI scores each on energy, approachability, social proof and uniqueness and returns a ranked order with one line of reasoning per photo. In the bio rewriter the user pastes the current bio and clicks "Optimize", and the app returns 3 rewrites in distinct tones (playful, authentic, direct), each with a word count and a predicted swipe-right label (Low, Medium or High). In the icebreaker generator the user describes a match's profile in a few sentences, and AI returns 5 personalized openers ranked by predicted response rate, each with a one-line reason why it works. A profile score dashboard shows a live composite score from 0 to 100 across bio quality, photo strength and opener effectiveness. The export is a formatted PDF of all results titled "My Profile Package".
Rules:
- Use a mobile-first interface with a card-based layout, warm colors and a modern dating app feel.
- Label the predicted swipe-right and response-rate values as estimates.
Result:
The project file structure, then the key code for each of the five features, then 3 lines on how to run it.