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
Log in or sign up for Devpost to join the conversation.