MyPeriodPal

AI-guided mindfulness for stress-free menstrual cycle

Comment

Inspiration

Like many, I’ve faced overwhelming anxiety and stress during my menstrual cycle, a struggle often amplified by the unpredictability of symptoms like mood swings and cramps. Most period tracking apps focus solely on logging dates and physical symptoms, leaving emotional well-being unaddressed. I envisioned a solution that not only tracks cycles and symptoms but also proactively supports mental health through mindfulness, without requiring me to repeatedly explain how I feel. This personal need inspired "My Period Pal" , an app that combines AI-driven cycle insights with a compassionate AI companion to guide users through their menstrual journey with empathy and mindfulness.

What it does

My Period Pal is an AI-powered web app designed to empower users by tracking their menstrual cycles, analyzing symptoms, and providing personalized mindfulness support. Its key features include:

Cycle Tracking and Prediction:

Users log period start/end dates and symptoms (e.g., cramps, fatigue, mood swings) with severity levels. The app’s AI engine analyzes this data to predict upcoming cycle phases, ovulation windows, and fertile days with high accuracy.

Symptom Analytics Dashboard:

A visual interface displays trends in symptoms and cycle patterns, helping users identify irregularities (e.g., unusually heavy periods) and prompting timely medical consultation.

AI Mindfulness Companion:

The standout feature is a conversational AI that offers tailored mindfulness exercises and emotional support. By leveraging logged cycle and symptom data, it provides personalized prompts—such as guided breathing exercises, affirmations, or stress-relief tips—without users needing to re-explain their emotional or physical state. For example, if a user logs anxiety during their luteal phase, the AI might suggest a calming visualization exercise.

Secure and Private:

All data is stored securely using Supabase’s Row-Level Security, ensuring user privacy and control over their health information.

How we built it

MyPeriodPal is a web application built with React for the frontend, styled with Tailwind CSS for a clean, accessible design. The backend uses Supabase’s PostgreSQL database for secure storage of user profiles, cycle data, and symptom logs, with real-time synchronization for seamless updates. The app’s architecture includes: Frontend : React components for cycle logging, symptom input, and the analytics dashboard, styled with Tailwind CSS for responsiveness across devices.

Backend : Supabase handles data storage with tables for user authentication, period tracking, and symptom records. PL/pgSQL functions manage user sign-up and data validation.

AI Integration : The mindfulness companion uses a conversational AI model (using OpenAI's chat API) to deliver empathetic, text-based responses, with plans for future to enable voice narration as well.

Deployment : Built and deployed using Vite for fast performance and compatibility.

The AI engine processes symptom and cycle data to generate predictions and personalized mindfulness prompts, ensuring a holistic user experience.

Challenges we ran into

Initially I wanted to build a mobile application but was facing a lot of errors trying to build it using bolt. Then I realized Bolt.new is more efficient in building a web applications and hence the web version of "My Period Pal". The development process had its hurdles. Designing a Supabase schema for real-time updates without performance lags was complex, requiring careful indexing and query optimization. A 500 status error during user sign-up, caused by a misconfigured PL/pgSQL trigger, took hours to debug—I resolved it by refining email validation and Row-Level Security policies. The AI companion’s responses needed fine-tuning to balance empathy with relevance, which involved iterative testing to avoid generic outputs. A Vite deployment error (missing index.html) delayed the launch, fixed by updating the Vite configuration and verifying file paths. Finally, crafting mindfulness prompts that felt authentic yet effective required studying cognitive behavioral techniques and user feedback to ensure they alleviated stress meaningfully.

Accomplishments that we're proud of

I’m proud of several key accomplishments that make this project stand out in addressing menstrual health and stress management with empathy and innovation. I’m thrilled with the app’s sleek, user-friendly interface, crafted using React and Tailwind CSS. The design features a calming color palette of soft pastels and intuitive layouts, creating a welcoming experience that aligns with the app’s mindfulness focus. Developing a conversational AI that delivers personalized mindfulness prompts based on cycle and symptom data is a major achievement. The companion offers tailored stress-relief exercises—like guided breathing or affirmations—without requiring users to re-explain their emotional state. I’m proud of the AI-driven analytics engine that predicts cycle phases and ovulation with high accuracy while visualizing symptom trends in an easy-to-understand dashboard. This feature empowers users to spot irregularities early, fostering proactive health management. Building this required mastering data processing in Supabase and integrating predictive algorithms, a technical milestone for me.

What we learned

Building "MyPeriodPal" was a journey of growth. I deepened my expertise in React and Tailwind CSS for crafting a responsive, intuitive interface. I mastered Supabase’s PostgreSQL database for secure, real-time data management, learning to design schemas for tables like Users, Periods, and Symptoms. Integrating an AI conversational model taught me how to create context-aware, empathetic responses tailored to user moods. I also researched mindfulness techniques, such as cognitive behavioral prompts, to embed effective stress-relief tools. Technically, I honed my debugging skills, tackling issues like Supabase request failures and Vite deployment errors, which strengthened my resilience and problem-solving abilities.

What's next for MyPeriodPal

Here are the key plans for the app’s future:

1. Voice Narration for the AI Companion:

To make the mindfulness experience even more immersive, I plan to integrate voice narration using an API like ElevenLabs. This will allow the AI companion to deliver guided meditations, breathing exercises, and affirmations in a soothing, human-like voice, enhancing emotional support for users experiencing stress or anxiety during their cycles.

2. Advanced AI Personalization:

I aim to refine the AI engine to offer even more tailored insights by incorporating machine learning models that adapt to individual user patterns over time. For example, the app could learn a user’s unique symptom triggers (e.g., stress-induced cramps) and suggest personalized coping strategies, such as specific mindfulness exercises or dietary tips.

3. Link with quick delivery apps:

I aim to connect the AI agent with quick delivery apps like Blinkit or Swiggy using which AI can also share links to buy items like chocolate cake or coconut water for cramp relief.

4. Mobile App Development:

While the current web app is responsive, I plan to build dedicated iOS and Android apps using React Native to improve accessibility and user engagement. Push notifications for cycle predictions, symptom reminders, or daily mindfulness prompts will keep users connected to their health journey on the go.

5. Integration with Wearables:

Integrating My Period Pal with wearable devices (e.g., Fitbit or Apple Watch) to track biometric data like heart rate or sleep patterns could enhance cycle predictions and symptom analytics. This would provide deeper insights into how stress or lifestyle impacts menstrual health, aligning with the app’s holistic approach.

Challenges to Address Implementing these features will come with challenges, such as optimizing voice narration for low-bandwidth environments, ensuring data privacy with wearable integrations, and fine-tuning AI models to avoid overgeneralization. I’ll also need to navigate App Store submission processes and localization complexities. However, I’m confident that leveraging my experience with React, Supabase, and AI integration—along with user feedback—will help overcome these hurdles.

Vision for Impact The next phase of My Period Pal is about scaling its impact while staying true to its mission: empowering users to navigate their menstrual journey with confidence and calm. By enhancing AI personalization, adding voice and mobile features, and fostering a global community, I aim to make My Period Pal a go-to solution for holistic menstrual health, reducing stress and promoting mindfulness worldwide.

Built With

Share this project:

Updates