DEV Community

Cover image for FlowDO
PRADEEP HEBBALLI
PRADEEP HEBBALLI

Posted on

FlowDO

FlowDo — A Private, Teen-Friendly Period Tracker and Education App

I built FlowDo as a simple, privacy-first menstrual education and period tracking app for teenagers and young users.

Try it here: https://app-bnazkps44jk1.appmedo.com/

Why I Built It

Many period tracking apps feel too complicated, too clinical, or require users to create accounts and store sensitive data online. For young users, that can be uncomfortable.

FlowDo was created with one main idea:

Period tracking should be simple, respectful, educational, and private.

The app helps users understand their cycle without forcing them to share personal information.

What FlowDo Does

FlowDo allows users to:

  • Log period start and end dates
  • Track flow, pain, mood, energy, symptoms, and notes
  • View a clear cycle calendar
  • See estimated next period dates
  • Learn about periods, PMS, products, myths, and when to get help
  • Export their own data
  • Reset/delete all stored data from the device

All data stays on the user’s own device. FlowDo does not require login and does not collect or share personal information.

Key Features

Private by Design

FlowDo uses local browser storage. There is no backend, no account system, and no cloud sync.

Teen-Friendly Education

The app includes simple explanations about:

  • Period basics
  • Cycle phases
  • PMS and self-care
  • Period products
  • Myths vs facts
  • When to talk to a trusted adult or healthcare professional

Clear Cycle Tracking

Users can log periods, symptoms, mood, energy, and pain. The app then shows simple insights based on the user’s own records.

Careful Predictions

FlowDo gives estimated period dates, but it clearly explains that predictions are not guaranteed. It is not medical advice and must not be used for contraception or pregnancy planning.

How I Built It

FlowDo was built as a self-contained web app using:

  • React
  • Tailwind CSS
  • LocalStorage
  • Responsive design
  • Client-side data export
  • Dynamic calendar and cycle calculations

One important part of the app was making date calculations clear. For example, a period from May 15 to May 19 should be counted as 5 days:


math
Period Duration = End Date - Start Date + 1
Enter fullscreen mode Exit fullscreen mode

Top comments (0)