Flo maps the invisible connections between your cycle, mood, and energy over time. By pairing an interactive calendar with an insightful dashboard, the app translates personal data into actionable patterns. Check out the project: yuinchien.com/flo.

Period view provides a comprehensive look at your cycle history. By predicting upcoming windows and ovulation dates, Flo maps a personalized energy curve across four distinct phases: Menstrual, Follicular, Ovulatory, and Luteal. In the late Luteal phase, an intuitive check-in card surfaces, making it effortless to log your period right from the summary view.

Mood view lets you log how you feel each day using five simple states: Elevated, Content, Neutral, Fatigued, or Anxious. The app transforms these daily logs into insightful charts—tracking a mood rhythm that highlights daily highs and lows, and a broader trend view that shows how your emotional landscape evolves over months.

Wellness Overview Skin condition, sleep quality, and metabolic all follow your hormones. Wellness Overview maps how each shifts across your cycle, with today marked so you always know where you stand.

Daily Resonance Flo tracks how changing hormones drive your mood, social energy, and appetite, giving you a clear lens into the patterns of your cycle.

Cycle Irregularity Alerts If a cycle falls outside the standard 24-to-38-day range, the visualization dynamically changes color to highlight the irregularity. Hover over any bar to see its exact date range and irregularity details.

Responsive Design Flo adapts seamlessly from desktop to mobile — the full cycle dashboard, mood check-in, and calendar all reflow into a clean single-column layout.

The fluid background uses a custom shader to animate the phase colors into a beautiful gradient, visually communicating the shifting phase cycles. yuinchien.com/flo/bg