Inspiration
The second wave of the COVID-19 has wreaked havoc in India. We see a steep rise in the number of active COVID-19 cases daily. The situation inside an Indian Hospital is more like a war zone. Many have lost their loved ones due to the lack of resources or medical infrastructure. People are grappling to find oxygen cylinders, vacant beds, ICU support, emergency wards, and more in their city to treat themselves or their family members. The situation is even worse in some populous cities.
More than 27% of deaths in India are due to a lack of medical attention when the patient is in critical condition. The present Covid scenario makes it riskier due to the lack of resources in the hospital. People have to shift from hospitals to hospitals to look for the availability of the patient's need, during which the patient ultimately succumbs to death.
We were invigorated to create a website that could provide the people with the resources required with just a few clicks. We aim to assist the people amidst this pandemic.
What it does
Our website Indicov is a platform that works towards helping patients during this pandemic by informing and constantly updating them of the available resources. People can visit this site and check in the status of the resource availability according to the states or district wise. Upon clicking over a particular state, you shall see the current status of all the resource availability. On clicking over a particular resource you shall be taken over a page where u can search the resource availability, the details of the retailers or service providers which you could then use to satisfy your needs. You also have an option to search the resource availability information according to the place and the service provided.
How we built it
While designing the project, we thought about which frameworks and APIs we could use. There were multiple APIs available, of which we chose the APIs of these two organizations since they provided verified data. We used Covid19India API for the research-based data( such as Confirmed cases, recovered cases) and CoronaSafe API for the resource information( such as Oxygen, hospital bed availability).We are using React-Virtualised to display alot of data at once. The experience of building this solution was indeed a result of the team effort. By following the Scrum framework, we were able to stay aligned through daily stand-ups, planning sessions, refinements, and reviews at the end of the day.
Challenges we ran into
The graph was very hard to implement as the Covid19India API is configured for their website. We used the chart-js library to implement the graph as it was simple to use this, but it was compatible with Vanilla-js only. Hence we used another framework, React-Chart-JS-2 which was used for the line graph. Once UI design was done we emphasized the buttons and other tabs, to achieve a smooth Ux we used Material UI for buttons, sidebars, and other components. The Whole website was made using Material UI components, hence Material UI played a major role in making this website. To get the data related to covid-resources we used the CoronaSafe API since it has verified data stored in it.
Accomplishments that we're proud of
We are proud of the solution we built in how we hope it can contribute to society. We tried to construct our solution as flexible and scalable as possible. We are proud that we could use our experience to build a solution that could benefit humanity and contribute to a better tomorrow.
What we learned
We learned how to implement graphs using React-chart-js-2, how to solve a real-life problem in the present situation, and the complexity behind planning an appropriate website to meet people's needs. We all worked together on designing our Website on Figma, helped correct the flaws in each other's work. We had meets lined up to discuss the project which enhanced our communication skills. We found the need to support our community and learned how to rift the bridge between technology and humanity.Most of all, we learned that through perseverance and determination, you can make progress towards helping to solve problems in the world, even if you don't initially think you have the resources or knowledge. Moreover, we learned how we could express each of our ideas concisely and creatively.
What's next for IndiCov
The option of taking in a new entry from the supplier isn't available for now as we are using a third-party API, so to make any new entry, we either have two options: -We could contact the owner of this API and have access to their database.
- Or duplicate their database and create an API of our own. We are also planning to create a Whatsapp group to share covid related resources, which we could then link onto our website. The problem of verification could be resolved using the reviews of the customers who have taken the service from the suppliers in the past.
Built With
- chart-js
- material
- react
- react-chart-js-2
- react-virtualised
- ui
Log in or sign up for Devpost to join the conversation.