Femme Fit

Landing Page
Auth0 Signup/Login
Homepage
Dark mode
Menstrual Cycle Tracking
Health and Mood Insights
Symptoms and Wellness tracking
Educational Resources for Reproductive health
Community and Support
Personal Journal
Repro Mart
Stripe Payment Gateway
Menopause and Pregnancy Tools
Stripe
Auth0
Vercel Deployment

Inspiration 💡

The inspiration behind Femme Fit was the realization that many women face challenges in managing their reproductive health effectively. We wanted to create a comprehensive solution that combines cycle tracking, mood insights, wellness tracking, and education within a supportive community.

What it does 🚀

Femme Fit is a holistic women's health application built using React.js, Tailwind CSS, and Auth0. It empowers users to track menstrual cycles, send remainders, predict periods, monitor health symptoms, visualize mood patterns, and access educational resources. The app also provides a platform for community interaction, personal journaling, and tracking menopause symptoms or pregnancy milestones.

How we built it 🛠️

We leveraged the power of React.js to create an interactive and dynamic user interface. The beautiful UI was crafted using Tailwind CSS, ensuring a responsive and visually appealing design. Auth0 was integrated to provide secure authentication and user profile management. The app also incorporates icons from React Icons and employs the Framer Motion library for smooth animations.

Challenges we ran into 🧗‍♀️

Integrating various features seamlessly while maintaining a user-friendly interface presented its challenges.

Accomplishments that we're proud of 🏆

We are proud to have created an all-inclusive platform that addresses a wide range of women's health needs. The seamless integration of cycle tracking, wellness insights, community support, and educational resources reflects our commitment to providing a holistic solution. The user-friendly interface and visually pleasing design also stand as significant accomplishments.

What we learned 🧠

Through Femme Fit's development, we gained insights into creating feature-rich applications that cater to diverse user requirements. We honed our skills in React.js, Tailwind CSS, and Auth0 integration. Moreover, we recognized the importance of a strong and supportive community for women's health discussions and knowledge-sharing.

What's next for Femme Fit 🔮

The journey of Femme Fit continues with a focus on enhancing user customization options, expanding integrations with wearable health devices, and refining the data analytics engine for even more personalized insights. We're also excited about collaborating with medical professionals to provide advanced health resources and ensuring continuous accessibility improvements. Also we look forward to adding a cloud database to save the states of the fields in the website for teh user