Cycle Tracker

A modern, privacy-focused menstrual cycle tracking application built with React and TypeScript. Track your periods, symptoms, and moods with an intuitive interface and insightful analytics.

Features

• 📅 Interactive calendar view for period tracking
• 📊 Comprehensive cycle analytics and insights
• 🌙 Dark mode support
• 🔍 Symptom and mood tracking
• 📝 Note-taking functionality
• 🔮 Period prediction based on historical data
• ⏰ Customizable reminders
• 📱 Responsive design
• 🔒 Local storage for data privacy

Technologies Used

• React 18
• TypeScript
• Tailwind CSS
• Vite
• Date-fns
• Recharts
• Lucide React

Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository

   git clone https://github.com/Aryamirsepasi/cycle-tracker.git
   cd cycle-tracker
   

2. Install dependencies

   npm install
   

3. Start the development server

   npm run dev
   

The application will be available at http://localhost:5173

Building for Production

npm run build

Usage

1. View and track periods using the calendar interface
2. Record daily symptoms and moods
3. Add notes for each day
4. Set reminders for important dates
5. View cycle analytics and predictions
6. Toggle between light and dark modes
7. Export your data in JSON or CSV format

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Built with privacy and security in mind
• Designed for ease of use
• Inspired by the need for a simple, effective cycle tracking solution

Created by Arya Mirsepasi - © 2024 All rights reserved.