• node.JS
  • javascript
  • html
  • css


  • Azure Apps
  • Azure Map API

Welcome to Gynow.


One in three women in the U.S. experience sexual assault in their lifetime (1), one in eight women are diagnosed with breast cancer (2) and 80% of sexually active women are recorded to have HPV (3). Our goal is to make women’s health care easy and accessible for women everywhere.

What makes Gynow special?

Gynow is a user interactive app that allows users to be anonymous. It caters towards women who are looking for specific types of healthcare, and it tells users what they can find for immediate attention. It also provides a safe space in which women can read ratings from people who have had similar experiences and intentions as them. This builds a community of trust, empowerment, support, and health.

What it does

Gynow is a web app that links users to nearby healthcare centers such as OBGYNs and treatment centers. Users are able to interact with a map that has hearts to mark healthcare centers in their area. They can click on a heart (representing a healthcare center) to find out details of the facility, including address, distance, contact information, and hours.

Note that currently, our healthcare center data is hardcoded and displays how our application would look if the user were to search using their currect location (at USC). All of the hearts representing healthcare centers are centered around this region. Ultimately, we would like to make this searchable for all regions in the US.

How we built it

Gynow is built on a node.JS web application, which uses the Azure Web API to get locations. It is also deployed to the Microsoft Azure Web Services. In this version, the dataset contains information for ~10 real hard-coded centers.

Challenges we ran into

A major challenge we encountered was with running the web application on each of our local machines. The project would appear differently depending on the browser and size of the window. We determined that we needed to debug the project by using a web service that uses a server instead of running it locally. This made it difficult for debugging because loading changes on GitHub source could take several minutes. We realized that by clearing our cache, restarting out browsers, and using incognito browser mode, we could accelerate the debug process.

A challenge we had with the code itself came in the Layers of the Web SDK. In particular, the SymbolLayer and the BubbleLayers were undefined. Through extensive testing, we adjusted the variables in the code and were able to determine the factors that caused this issue. We had a few other issues in retrieving the health center times in a formatted string, displaying the popup when clicking, and initializing the map to the user's initial location.

Accomplishments that we're proud of

We are extremely proud of creating our first web application together and using Azure for the first time.

What we learned

This has been our entire team's first exposure to using Azure as a tool for API integration. We integrated the SimpleStoreLocator Azure Maps feature in order to bring our vision to life. We also implemented a significant amount of HTML, CSS, and JavaScript. This was half of our group's first experience creating a web application, both front-end and back-end, so they had the chance to see how these elements come together to produce an entire application. Our team looks forward to using these new skills and appreciates the opportunity to work with the Microsoft Azure platform.

What's next for Gynow

The next part would be using an API to retrieve current data for health centers, instead of using the hard-coded data. In this API, Gynow would also use a popup to display the specialists, insurance, and directions of each health center in a x-mile radius (radius size customizable by the user). Additional features that we were unable to complete within the time limit, including mapping directions to each health center, linking to a safe transportation service app, connecting users to specialists, producing an anonymous reviews section for each center, and more.

This app be linked to transportation services for users to find the quickest, cheapest, and safest ways to reach the care they need. We understand that not everyone is able to afford personal rides to their destination, so we want to offer alternative public transportation routes to healthcare centers. The intuition behind this is wanting to make this kind of healthcare more accessible to people of all income brackets.

As we expand our project, we would like to add a homepage with options to connect with specialists, learn more about Gynow, and navigate to the map page. Our homepage would look like the picture above.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact with any additional questions or comments.

Share this project: