Skip to content

Bowen-Zeng/Period-Tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

9 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Period Tracker ๐Ÿฉธ

As the performative man I am, I made a simple, privacy-focused web application to track menstrual cycles and predict future periods!!! ๐Ÿต๐ŸŒธ๐Ÿ™‹๐Ÿปโ€โ™‚๏ธ

Here's what it can do! ๐Ÿ˜Š

  • Period Tracking: Add period start dates easily ๐Ÿ˜Œ
  • Cycle Analysis: Calculate average cycle length automatically ๐Ÿงฎ
  • Predict: Estimate next period date based on your history ๐Ÿค”
  • Data Storage: All data is stored locally in your browser ๐Ÿง‘๐Ÿปโ€๐Ÿฆฏ
  • Privacy: No data is sent to any servers ๐Ÿ‘ฎ๐Ÿป
  • Compatibility: Works on desktop and mobile devices ๐Ÿง‘๐Ÿปโ€๐Ÿ’ป

How to Use ๐Ÿ“

  1. Open the App: Open index.html in your web browser ๐Ÿ‘๐Ÿป
  2. Add Period Dates: Select the start date of your period and click "Add Period" ๐Ÿ—“๏ธ
  3. View Cycle Info: See your current cycle day, average cycle length, and next period prediction ๐Ÿ‘€
  4. Track History: View all your recorded periods and cycle lengths ๐Ÿ“–
  5. Manage Data: Delete any incorrect entries using the delete button โŒ

Getting Started ๐Ÿ˜

Simply open index.html in any modern web browser. No installation or setup required! โœ…

Data Storage ๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป

All your period data is stored locally in your browser using localStorage. This means:

  • Your data never leaves your drive
  • Data persists between browser sessions
  • Clearing browser data will remove your period history

This means that your information belong to you ONLY! ๐Ÿ™ˆ๐Ÿ™‰๐Ÿ™Š

Here's the tools I used! ๐Ÿง‘๐Ÿปโ€๐Ÿ”ง

  • Pure HTML, CSS, and JavaScript (no frameworks required)

Browser Compatibility ๐Ÿ–ฅ๏ธ

This app should work in all modern browsers! ๐Ÿ˜Š

About

An absolutely simple and fun way to track your periods! ๐Ÿฉธ

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors