EmpowerHer -A Menstrual HealthCare Project for Women The hackathon project provides a comprehensive solution for women's menstrual health, including a period tracker, nearby pharmacy and hospital locators, and personalized exercise and diet recommendations."
-Video Pitch Link - https://youtu.be/yQaKW7rT0pw
🎯Aim
- The project prototype is a user-friendly web application designed to cater to women's menstrual health needs comprehensively.
- It includes a seamless period tracker feature enabling users to monitor their menstrual cycles accurately.
- Integrated with geolocation services, it offers convenient access to nearby pharmacies and hospitals, ensuring timely assistance in case of emergencies or medication needs.
- Additionally, the application provides tailored exercise and diet recommendations to alleviate symptoms associated with various menstrual-related conditions, promoting holistic well-being.
Use Case -User-friendly web app for comprehensive women's menstrual health. -Seamless period tracker for accurate cycle monitoring. -Geolocation integration for easy access to nearby pharmacies and hospitals. -Tailored exercise and diet recommendations for holistic well-being.
🤔Approach to problem statement
1.Firstly we will be designing a website that would be catering to almost all of the problems that a women has to face related to her menstrual health.
2.The said website allows users to register themselves. As soon as the user lands on his/her profile they get to choose from various services which they prefer using for the time being.
3.The user profile includes various features accessible on the profile which can be used.
4.The features includes a Period Tracker which allows the user to enter her cyle duration and the date of her last period in result the user will get her ovulation date as well as the date of her period coming up in the next month.
5.The second feature is that the user can refer to our diet and exrecise suggestions for problems like PreMnestrual Syndrome, IrregularPeriod and Polycystic Ovary Syndrome.
6.The third feature our website provides is that the the user can access the nearest hospitals in thier locality as well as have a google map preview to reach there.
7..Finally Implementing a user friendly interface of the entire website so that people with even little knowledge of internet browsing can easily walk through the website and enjoy it's services.
⚙️ Tech Stack This project was buit upon:
React.Js - React is a JavaScript library for building user interfaces. React is used to build single-page applications.
Google Map API - The Google Maps API is one of those clever bits of Google technology that helps you take the power of Google Maps and put it directly on your own site.
FireBase - Firebase offers a real-time database that syncs data across all clients in real-time. This makes it ideal for applications requiring live updates, such as chat apps or collaborative tools.
🧰 Contributions
-Sakshi Kumari
-Manshi Shreya
-Sanya Kumari
Updating Resources
1.In we would like to add a PCOD/PCOS detector which will use a Machine Learning Model to identify if a user has a strong chance of having it based on the symptoms provided by the user
2.Connecting a database so that the users upcoming period can be reflected unto the profile page for proving more personalized feature and adding a reminder feature so that the users can be notified for any kind of reminder they add to the profile.
Installation Steps
-
Clone the github repository
git clone "https://github.com/sanaya56/ByteVerse_EmpowerHer"
-
In the project directory, you can run:
npm i
-
Now for starting
npm start
Runs the app in the development mode.
Dependencies
"@emotion/react": "^11.11.4", "@emotion/styled": "^11.11.5", "@mui/icons-material": "^5.15.15", "@mui/material": "^5.15.15", "axios": "^1.6.8", "firebase": "^10.11.0", "google-map-react": "^2.2.1", "moment": "^2.30.1", "react-calendar": "^4.8.0", "react-icons": "^5.0.1", "react-moment": "^1.1.3",