Inspiration
All of us have become familiar with the COVID-19 pandemic and it seems that there is still some controversy on the scientific facts of viruses and slowing the spread. We wanted to make an app that makes it fun and easy to observe how a virus such as COVID-19 can spread easily in a closed environment and what effect masks have on the spread.
What it does
Our website has an adjustable map size in which the user can spawn different characters (Healthy, Unhealthy, Healthy w/ masks, Unhealthy w/ masks) on click. The characters spawn and will begin moving at a random speed in a random direction. To simulate the idea of spread, there are different chances of catching COVID, depending on what types of characters are coming into contact with each other. For example, if a healthy unmasked character comes into close contact with a masked unhealthy character, the chances of catching the virus is 5%.
How we built it
This was built purely in ReactJS, with different dependencies to make our main screen before the simulation screen.
Challenges we ran into
Perhaps the biggest challenge that we ran into was figuring out the logic behind the interactions between the characters. We definitely had issues with redirection with the characters upon hitting the border wall, as well as some resizing issues when the user adjusts their window.
Accomplishments that we're proud of
We were most definitely proud of our styling. It may seem a bit minimal, but for three people who don’t have much experience with css / designing websites in general, it was definitely satisfying seeing all the elements come together to make one easy-to-look-at website.
What we learned
Some of us are fairly new to React and some of us are entirely new to it, so this project taught us some basics about React such as state, props, and hooks. React is a pretty difficult language to learn, so there was a large amount of learning that had to be done in order to attain the quality of the current website. Overall, we’d say that this experience has heightened out React knowledge, and we’re ready to gear towards larger projects.
What's next for SUS-Simulator
Aside from adjustments to a few overlooked mistakes, there really isn’t much else to expand on going forward. SUS-Simulator is simply a website to spread awareness of the current situation of the world, while bringing a neat interactive feature to help with that awareness.
Log in or sign up for Devpost to join the conversation.