In March 2020, the world and global economy in general experienced a pandemic unlike anything we've seen before. A highly-contagious new strain of coronavirus known as "COVID-19" has spread exponentially quickly and left many casualities in its wake, exacerbated by the fact literally no one is immune, and that this disease can be spread by asymptomatic people. Social distancing and self-imposed quarantine have become the new norm, and many workplaces and schools now require employees and students to log in remotely from home to prevent "captive" gatherings where the virus can infect members quickly. Professional sporting events, large entertainment productions, and major retailers, restaurants and bars have all shuttered their doors in an effort to slow the spread of the virus. As a result, business revenues and employee incomes have increased dramatically, and we are currently entering a new age of uncertainty over economic prosperity as the focus has shifted to personal health and safety as a much-needed priority. In other words, the wheel has stopped turning at its normal pace, and economists fear that it will eventually grind to a slow, halting stop if things don't recover soon. At the time of this writing, it is early April and things don't seem to be looking up just yet.
Another unfortunate effect of this pandemic are essential supply shortages, often caused by anxiety-induced "panic buying". A notable example of this is the lack of N95 masks at hospitals, who desperately need this layer of protection and have resorted to makeshift or recycled "masks". With social distancing procedures in place, the most vulnerable members of our society such as the elderly, uninsured and low-income folks who may find themselves recently unemployed are often unable to procure basic needs for themselves such as food, medicine and household supplies. How can we solve such a common, community-based problem during these times?
The Covid-Corona Community Coalition (also knownCo4) is a hyper-local, web-based fullstack application where community members can find, request and share resources (primarily essential goods and supplies) with their neighbors and local civic authorities/non-profit organizations. We are living in a time of great need where our greatest resource is each other, and should the economy totally collapse, we will need to find new ways to keep the fabric of society together...even if we're still 6 feet or more apart.
Planned React components (in no particular order):
- Header/Nav Bar
- Welcome Page/Login
- New User Registration
- Main/Home (this will act as the container)
- View all items
- Create, edit, delete item (by ID)
- Footer
Schemas (currently written in SQL, will migrate to Postgres/Rails during development):
Current prelimary ERD (powered by sqlDBM):
Wirefames:
Layouts for desktop, tablet and mobile views can be seen in the co4_wireframes.pdf uploaded to this repo. You can also view wireframes online at this link here.
The third-party components I added to this project are mostly for styling + decorative elements rather than anything else, notably
- Bulma
- React Popup
- SASS
- PropTypes
I was actually really happy with how things worked out using React Popup, since I was having a bit of an issue creating a custom "Success!" message/alert type modal that lets the user know that their item was successfully created (otherwise the user literally has no way of know their submit went through.) React Popup was able to solve this issue in 3 lines of code and minimal CSS styling after attempting to do this on my own for a whole weekend and failing. For that reason, I'm choosing React Popup as my code snippet and highly recommend it to anyone else building projects with React!
- Different type of user accounts with different priviliges (i.e. non-profit volunteer orgs, civic/gov, enterprise corps, free-tier community members, etc.) For example: a vetted, non-profit volunteer organization whose work primarily focuses on distributing supplies to the most vulnerable members of society will have a higher precendence for items over an enterprise or community-level user) Any "premium" membership fee for this type of org will also be waived.
- Social distancing-friendly drop-off zones, powered by Google Maps API. It's increasingly difficult to trade goods during a time when little-to-no human contact is advised, so I'd like to come up with a way to make this easier for all parties involved.
- Links to Helpful Resources, maybe even a blog/RSS feed that publishes articles with useful information and encouraging support during these troubled times.
- Implementing the NovelCOVID API for up-to-date information and stats on the pandemic.
I sincerely hope that Co4 doesn't have to become a reality, and that things begin to recover soon. However, aside from the name being event-specific (and easily changeable), the concept of a hyper-local, password-protected trade & barter-based resource sharing application could certainly be applicable during other natural disasters and catastrophic situations. Anything that helps the right people to get the supplies they need more quickly and efficiently is a positive thing. For that reason, I'm leaving this project open source and encourage others to participate!
Link to deployed site: http://co4.surge.sh/
To run locally:
- 'rails s' in root directory(co4)
- open new terminal window, cd into 'client'
- npm start
- enter 'y' to run on different port







