DEV Community

loading...
Cover image for How I Made Covid-19 Vaccine Search Portal in ReactJS

How I Made Covid-19 Vaccine Search Portal in ReactJS

capscode
Rahul Nag, Founder at CapsCode | Senior Software Developer | Technical Blogger | YouTuber | Exploring and Refactoring | Photographer
・1 min read

THIS WEBSITE WILL NOTIFY YOU IN REALTIME WHEN THE VACCINE IS AVAILABLE GOOGLE ASSISTANCE ENABLED.

Hello Everyone,

I just wanted to share one of my recent work which is a vaccine search/ tracker portal with GOOGLE VOICE ENABLED to update the status of vaccine availability. In this Web App you can search for vaccine availability by entering your PIN CODE or by entering your STATE & DISTRICT. It refreshed every after every 40 mins and a fresh data is being shown in the page and if the vaccine gets available in the selected location, the VOICE ASSISTENT will notify about that.

If the vaccine is available you will GREEN color list and if vaccine is not available you will see red colored list, you can click on these list to directly navigate to the govt portal to book your vaccination slots.

Link for the portal :

This webapp is completely based on ReactJS, API used is COWIN API provided by the Indian Govt., AXIOS for fetching the data, and Material UI for designing.

You can also contribute to this just by forking the code from my github link and giving me a star there.

https://github.com/rahulnag/vaccine_tracker

Follow me on INSTAGRAM

If you have any Queries or Suggestions, feel free to reach out to me in the Comment Section below.

I hope you have liked it

Thanks for reading !

Feedbacks and comments are welcome !

Thank You, CapsCode

Resources:

  1. https://www.apisetu.gov.in/public/api/cowin
  2. https://www.npmjs.com/package/axios
  3. https://www.material-ui.com

Discussion (0)