The objective of this project was to gain more experience with front-end development to be able to carry out our dreams of ending the stigma around puberty and periods. We wanted to empower little girls by educating them and providing them with helpful resources that they can use to guide them through this difficult time. We have many different sections, such as a word cloud to demonstrate that everyone has similar questions going into this period of their lives, an interactive diagram of the body with information on how that part changes during puberty, and sections talking about the process leading up to a girl’s first period with sources for further information linked. We also had an idea for a Big Sister/Little Sister program, so we have a section explaining what the program entails and a Google Form to enter contact information for those interested in joining.
We plan on building upon this project after the campaign by adding a chat bot so that users can ask any questions they have. We also want to add quizzes to the website where users can test their knowledge about puberty and what the different stages entail. One other thing we would love to add is a period and physical activity tracker so that girls have that extra resource to help navigate them through their period.
We used a Bootstrap template and went in and modified all of the different components in order to fit the needs of our project.
HTML, JavaScript, CSS, Bootstrap
andthatsonperiod.tech
(Unfortunately, domain.com was not working for us so we could not upload the html files to this domain, please see a video demonstration of our project at the YouTube link below!)
- Ayushi Ambhore
- Daqi Chen
- Sahil Patel
- Wamia Said