Covid19 centers finder and tracker

Home page
Covid19 tracking landing page
Filter page
Covid19 tracker
Login page
Covid center management page
About us page

Inspiration

There is no platform where we can track the covid-19 cases and find the nearest hospitals to us in one single platform which makes the users search for all things on a different website. Hence our website is a collective source of all resources and we can help all users what they want in a single website.

What it does

Due to this pandemic situation of covid-19, there is no such platform where we can track the live covid-19 cases and see the nearby hospital's president in India on one platform. In our web application, a user can find all nearby covid centers and their information and track worldwide covid cases. We have also a customized map where we point out all the covid testing centers and hospitals. We have also a voice assistant to guide the user.

How I built it

We build this website with react js for user interfaces.
For API we use http://disease.sh/ from where we extract all necessary data.
For styling the website we use tailwindcss and bootstrap.
We use firebase for real-time database and authentication to our admin panel where we can manage all the covid centers
Finally we deploy our website on netlify.

Deploy on netlify

Challenges I ran into

We got challenges on adding authentication to the admin panel and filtering nearby covid centers for users. Which was the main part of our website

Accomplishments that I'm proud of

We successfully implement all the technology which we all decide. So we all proudly by our teamwork

What I learned

crud operation on firebase
Authentication on firebase
API call
Filter data
Use of router on react
How to do customize the map
Backend functionality

What's next for Covid19 centers finder and tracker

We plan to add a chatbot or voice assistant, which can have the capability to handle our website as well as link to the database.

Built With

bootstrap
disease.sh
firebase-authentication
firebase-realtime-database
google-maps
javascript
netlify-deployment
node.js
react
tailwindcss

Submitted to

Webathon '20

Created by

I worked on Firebase real time database ,authentication and API Call .And also design the dataset.

Jyotiprakash Mohanta
I worked on some of the designing part and also in the database part. Moreover I did some parts in building the presentation of our project.

Nisha Kumari
I worked on some designing and backend part. Also in building a chat bot for future implementation. Along with that I also worked in building the presentation of our project.

Siddha Mohapatra
Naba Ratan