• Townie
    AI
  • Blog
  • Docs
  • Pricing
  • Weโ€™re hiring!
Log inSign up
MrsJD

MrsJD

public

Public
Like
public
Home
Code
4
backend
3
frontend
4
shared
1
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data โ€“ all from the browser, and deployed in milliseconds.
Sign up now
Code
/
Code
/
Search
index.ts
https://MrsJD--622413563f9311f09cea76b3cceeab13.web.val.run
README.md

Menstrual Cycle Tracker

A comprehensive web application for tracking menstrual cycles, symptoms, and health insights.

Features

  • Cycle Tracking: Log period start/end dates and flow intensity
  • Predictions: Automatic calculation of next period and fertile window
  • Symptom Tracking: Track mood, pain levels, and other symptoms
  • Calendar View: Visual calendar showing cycle phases and predictions
  • Insights: Cycle length trends and pattern analysis
  • Data Export: Download your data as JSON

Project Structure

โ”œโ”€โ”€ backend/
โ”‚   โ”œโ”€โ”€ database/
โ”‚   โ”‚   โ”œโ”€โ”€ migrations.ts    # Database schema setup
โ”‚   โ”‚   โ””โ”€โ”€ queries.ts       # Database query functions
โ”‚   โ”œโ”€โ”€ routes/
โ”‚   โ”‚   โ”œโ”€โ”€ cycles.ts        # Cycle CRUD operations
โ”‚   โ”‚   โ”œโ”€โ”€ symptoms.ts      # Symptom tracking
โ”‚   โ”‚   โ””โ”€โ”€ static.ts        # Static file serving
โ”‚   โ””โ”€โ”€ index.ts             # Main Hono server
โ”œโ”€โ”€ frontend/
โ”‚   โ”œโ”€โ”€ components/
โ”‚   โ”‚   โ”œโ”€โ”€ App.tsx          # Main application component
โ”‚   โ”‚   โ”œโ”€โ”€ Calendar.tsx     # Calendar view
โ”‚   โ”‚   โ”œโ”€โ”€ CycleForm.tsx    # Period logging form
โ”‚   โ”‚   โ”œโ”€โ”€ SymptomForm.tsx  # Symptom tracking form
โ”‚   โ”‚   โ””โ”€โ”€ Insights.tsx     # Analytics and insights
โ”‚   โ”œโ”€โ”€ index.html           # Main HTML template
โ”‚   โ”œโ”€โ”€ index.tsx            # React entry point
โ”‚   โ””โ”€โ”€ style.css            # Custom styles
โ””โ”€โ”€ shared/
    โ””โ”€โ”€ types.ts             # Shared TypeScript types

Getting Started

  1. The app will automatically create the database tables on first run
  2. Navigate to the main page to start tracking your cycle
  3. Use the calendar view to see predictions and cycle phases
  4. Track symptoms daily for better insights

Data Privacy

All data is stored locally in your Val Town SQLite database. No data is shared with third parties.

HTTP
  • index.ts
    MrsJD--62โ€ฆ13.web.val.run
Code
backendfrontendsharedREADME.md
FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
Weโ€™re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Terms of usePrivacy policyAbuse contact
ยฉ 2025 Val Town, Inc.