CoroNoVirus

Say no to coronavirus by spreading awareness, taking action, and helping our communities

Comment

Inspiration

We have family members and friends in affected areas and want to spread awareness and help in any way we can. Instead of tracking locations of confirmed cases, we decided to be proactive by sharing locations where people can go if they want to get tested and charities they can donate to. We hope to end stigmas associated with the new outbreak and bring everyone to fight the pandemic.

What it does

Our website provides information about coronavirus and the best practices for keeping yourself and others safe in multiple languages to reach a larger audience since it is a global pandemic. We implemented react simple maps to show a few locations where can go to get tested for coronavirus. Finally, there is a donations page that lists and links to credible organizations that are working to fight coronavirus.

How I built it

We built it in react using material ui, react simple maps, and also implemented Microsoft's Cognitive Services API for the translation function.

Challenges I ran into

We ran into challenges figuring out the basics of React, utilizing Azure Translator API, deploying to Google App Engine, and formatting.

Accomplishments that I'm proud of

We are proud of the map function and the translations

What I learned

We learned a lot about Microsoft's API, React, and about ways to protect against the coronavirus and help those affected through doing research for our website

What's next for CoroNoVirus

For future steps, we will improve the map function by making it more interactive by utilizing Google's Route API, use an API to pull data for these locations. We also want to include more languages, so that it is accessible to a larger audience.

Built With

  • azure
  • babel
  • javascript
  • jsx
  • materialui
  • react
  • react-intl
  • react-intl-translations-manager
  • react-router-dom
  • react-simple-maps
Share this project:

Updates