DEV Community

Cover image for I built covidnews.media while being in COVID-19 lockdown ๐Ÿ“ฐ๐Ÿ“ข
avinash bharti
avinash bharti

Posted on

I built covidnews.media while being in COVID-19 lockdown ๐Ÿ“ฐ๐Ÿ“ข

The last semester of my Engineering has been going on and then the covid-19 outbreak happened๐Ÿ’”. Hope all of you are doing well๐Ÿ˜…

While being locked down, I was getting bored๐Ÿ˜ด and decided to build something and then the idea๐Ÿ’ก of a news app popped up, a news webapp that gives you all the latest COVID-19 news of India from leading news sources in a short summarized form at a single platform.

covidnews.media landing page

During this development period, a lot of COVID-19 related apps launched and most of them were Tracker, still I wanted to see what I can come up within around one and a half week ๐Ÿ˜ƒ

The Backend recursively scrapes the latest COVID-19 news and then passes it to the Text Summarization AI model API which results in short summarized clutter-free news.
Backend serves the news through the REST API.
The backend is written in Node js and Express js, The client-side is written in React.js.

Dashboard

In the Client Side, I used crowdsourced COVID-19 patient data to create a COVID-19 tracker Dashboard which shows the latest updated daily and cumulative data using charts, State-wise data is shown in table form which gives the latest updated numbers.

news card

Frontend consumes the news API to show the text-based news. The news can be shared with the WhatsApp Messaging app using the share button and it also consumes the Youtube API for video news.

video news

The App is fully responsive in nature and deployed here
โš™๏ธBackend
๐Ÿ’ปFrontend
๐ŸŽฏDemo

[WIP]
๐Ÿ“ŒTo Do:-
๐Ÿ‘‰Add Interpolation of change in percentage of daily numbers to predict when the curve will flatten.
๐Ÿ‘‰Add images of text based news.
๐Ÿ‘‰Integrate tweets of official handles dealing with covid-19.
๐Ÿ‘‰integrate more news platform for text news.

Thanks for Reading ๐Ÿ™

Top comments (0)