All projects
Web product · Next.js + AI
Mystique
An AI-powered fortune-telling experience
Web product
Project artworkProject artwork · Repository asset
Overview
What the product is
Mystique explores how AI can turn a lightweight entertainment product into a more personal and atmospheric experience. It combines guided reading flows, multilingual generation, visual polish, and privacy-aware prompt handling inside a focused web product.
My role
Web product engineer for AI flow design, responsive UI, prompt experience, and frontend implementation.
Product focus
Demonstrates AI product design, multilingual UX, and polished web interaction outside the Flutter app portfolio.
Key work
The parts that needed product thinking
- Built an AI prompt flow that personalizes readings and adapts tone across supported languages.
- Designed the experience around calm interaction states, readable output, and a clear path from selection to result.
- Shaped the visual system with atmospheric motion, layered styling, and responsive web layouts.
- Kept sensitive prompt handling scoped to the live reading flow instead of exposing unnecessary persisted data.
Stack
Tools used in the work
- Next.js
- AI
- TypeScript
- i18n
Visuals
Product evidence and project artwork
Project artworkContinue exploring
Open the project or store listing when you want the external context.