Inspiration
I heard about a valve being 3-d printed to connect ventilators to masks and heard of hospitals taking donations for homemade mask. I googled both these things and the information on how to do these things is not readily available
What it does
Connects individuals that want to help relieve hospital shortages with information on what is needed, where it's needed, and how to make it.
How I built it
We wrote a backend that uses geocoding to determine where the nearby hospitals near the user are. Then, we hooked that up to our react frontend where we let users sign up and look at what's needed. We used firebase for authentication and firestore for databasing.
Challenges I ran into
The ui was very finicky. It was also difficult to get all of the requests to list properly as the card content generated by map() didn't want to display correctly and the sliders kept tying themselves together. Deciding how to do navigating was also a challenge as there was an approach where the nav bar loaded each component that was much smoother, but refused to unload components and was more problematic that it was worth. In future versions I would work out the kinks in that system instead of the traditional routing that is used.
Accomplishments that I'm proud of
I'm happy to create something that might make a difference in the COVID fight. We also got the backend running quickly and put in good work on the frontend.
What I learned
A lot more about react.
What's next for COVID Collaborate
Signup: -Autocomplete and verify address using HERE -Autocompleting Country selector using material-ul/lab/autocomplete Home: -Splitting Home based on whether the user's role is a donor or a hospital -Filter requests by which tools the donor has available Tasks: -Create in-depth visual guide on how to create the supplies (e.g. guide how to sow a mask or 3-d print a valve) -Autogenerate shipping labels for the donors to send their tools
Log in or sign up for Devpost to join the conversation.