ossamarafique / covid-19-statistics-dashboard-angular-9 Goto Github PK

🦠Corona Virus / Covid 19 Tracker Dashboard With Awesome UI + PWA + NodeJS Scraper

Home Page: https://corona-statistics-and-tracker-dashboard-angular-9.vercel.app

License: MIT License

JavaScript 2.66% TypeScript 13.34% HTML 8.52% SCSS 75.48%

coronavirus coronavirus-tracking corona angular angular9 covid covid19 covid-data coronavirus-real-time coronavirus-globaloutbreak

covid-19-statistics-dashboard-angular-9's Introduction

(Unmaintained Repo) Welcome to 🦠 COVID-19/Corona Statistics Dashboard Angular 👋

✨ Join Discord Server For Help

Screenshots

Build the Angular project

npm install

ng build

Run the Angular Project

npm install

ng serve

Run the Node.js Project (open server folder)

Rename config.example.json to config.json and fill in the details

{
  "redis": {
    "host": "host",
    "password": "1234"
  },
  "keys": {
    "all": "coronastatistics:all",
    "countries": "coronastatistics:countries",
    "timeline": "coronastatistics:timeline",
    "timelineglobal": "coronastatistics:timelineglobal"
  },
  "interval": 600000
}

npm install

node server.js

Edit src/app/core/services/getdata.service.ts and replace with your own api url.

  private host = "https://api.coronastatistics.live"

API Endpoints

Author

👤 Ossama Rafique

Website: https://www.ossamarafique.com
Twitter: @OssamaRafique
Github: @OssamaRafique
LinkedIn: @OssamaRafique
Buy me a Coffee: https://ko-fi.com/ossamarafique

Show your support

Give a ⭐️ if this project helped you!

covid-19-statistics-dashboard-angular-9's People

Contributors

Stargazers

Watchers

Forkers

fantisco srz2 sudhakar042 isuruuthpala robertmain53 digital-capital plaht dixonsatit nontage24 anglesen1120 kukks205 ethcar ruisunon harshalgalgale piseysen chirag19 superpck cyber-cliff up1 efd1006 siberianninja jdidoubrahim eitanakash pkjha1 mrslimcoder stevezaxz rubythonode pavanth1144 sisodev abhi15sep koolkamalkishor itsmonterey mtthwgrvn kalburgimanjunath anoochit jmohasin pcariel vimalkovath ixhimanshu mr-kumar-abhishek techris45 masud mysticmetal syedpeer amansagar0607 mksamadnet halcyoff sagarparajuli02 leandrorodriguess vickiee919 magicallyindia technopreneur1 param-harrison opencovid19-senegal alicantorun duffman prhr jwilmott dihan kelvinsantos thefahad-55 wangroot gvolkan madilraza praneethsaiii mazenelmasry ejayimperial alex-torres kaushik27 rygos mvgmenezes thering999 negra1m snikit rafaeldefazio yavuzoktay umohpyro blsrm alamgirqazi rajasekharponakala michaelradu anarquia17 yeg-a sailikhithk aboelkassem suyashjain05 reddbull29 chandanws odnodn ntiyison gkatz99 llenroc finedl

covid-19-statistics-dashboard-angular-9's Issues

Hello, I know a lot of people who want to contribute translations.
Maybe the HTML-files could be converted to one of the supported formats
https://docs.weblate.org/en/latest/formats.html
and then added for hosting here https://weblate.org/hosting/ ? :)

trouble with parsing tables

I am not sure how your parsing is working but I tried to tackle states on the server side and I cant get it.

However I am having issues with your parsing as well. I haven't changed anything and I'm getting errors like

(node:6923) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'data' of undefined at getCountries (/Users/myusername/projects/Corona-Statistics-And-Tracker-Dashboard-Angular-9/server/server.js:94:26) at process._tickCallback (internal/process/next_tick.js:68:7) (node:6923) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1) (node:6923) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

Unable to Install On ubuntu server

Errors : at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:56:26)
[ioredis] Unhandled error event: Error: getaddrinfo EAI_AGAIN host host:6379
at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:56:26)
[ioredis] Unhandled error event: Error: getaddrinfo EAI_AGAIN host host:6379
at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:56:26)
[ioredis] Unhandled error event: Error: getaddrinfo EAI_AGAIN host host:6379
at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:56:26)
[ioredis] Unhandled error event: Error: getaddrinfo EAI_AGAIN host host:6379
at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:56:26)
[ioredis] Unhandled error event: Error: getaddrinfo EAI_AGAIN host host:6379
at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:56:26)
[ioredis] Unhandled error event: Error: getaddrinfo EAI_AGAIN host host:6379
at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:56:26)
[ioredis] Unhandled error event: Error: getaddrinfo EAI_AGAIN host host:6379
at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:56:26)
[ioredis] Unhandled error event: Error: getaddrinfo EAI_AGAIN host host:6379
at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:56:26)
[ioredis] Unhandled error event: Error: getaddrinfo EAI_AGAIN host host:6379
at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:56:26)
[ioredis] Unhandled error event: Error: getaddrinfo EAI_AGAIN host host:6379
at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:56:26)

Have installed and configured Redis server. Please also give the steps to setup the domain or,
It would be very nice, if you can convert this in Docker image. And steps on how to setup the Domain name.

Thank you

Mobil device - Cannot read property 'prompt' of undefined

Hello, I get the following error when I click 'Install App' on the mobile device.

core.js:6185 ERROR TypeError: Cannot read property 'prompt' of undefined at TopbarComponent.addToHomeScreen (topbar.component.ts:25) at TopbarComponent_Template_button_click_8_listener (topbar.component.html:12) at executeListenerWithErrorHandling (core.js:21693) at wrapListenerIn_markDirtyAndPreventDefault (core.js:21735) at HTMLButtonElement.<anonymous> (platform-browser.js:934) at ZoneDelegate.invokeTask (zone-evergreen.js:399) at Object.onInvokeTask (core.js:41264) at ZoneDelegate.invokeTask (zone-evergreen.js:398) at Zone.runTask (zone-evergreen.js:167) at ZoneTask.invokeTask [as invoke] (zone-evergreen.js:480)

Data not updating

Hi.
I really love your website. It is really well made and easy to use.
Just one thing,
I saw that numbers are not updating today for countries. Are you working on something or is it bug that needs to be fixed?

Name of Repository

For me this is no tracking app, the term is confusing, I guess.
In fact, many apps call them "tracker" ...

I would like to suggest to only name it Corona-Dashboad-Angular-9.
On the other hand there are many corona viruses out there.
Perhaps a name like Covid-19-Dashboard-Angular-9 is better?!?
What do you think?
Greets

Adding Daily New Cases Chart?

This feature is very informative and would make it on par with this site worldometers.info.

Thanks for open sourcing it!

redis doesn't get configured on server install

I had to do this myself, not sure if the README or package.json file is missing a step?

Timeline country USA did't have

i want to get timeline of USA but in
http://api.coronastatistics.live/timeline/usa
not have

Merges and Failed Deploys

Hello, you are doing merge but it has no effect, can you get new deploy?
https://coronastatistics.live/

API Request Rate Limits?

Hi, just out of curiosity; is it ok that other people can use your dashboard's api endpoint for their own applications? If so, do you have any specific rate limits on the endpoint?

deprecated files

Hey,
according to https://github.com/CSSEGISandData/COVID-19/tree/master/csse_covid_19_data/csse_covid_19_time_series it seems like the files you rely on are deprecated... just fyi :)

Might be your data is bit behind

In India nowadays we are seeing data from this URL https://www.covid19india.org/. It seems like their data is quite accurate. Can you also please look into this and use their API to bring data accurately.

Thank You.

Free web scraping tool for your dashboard

Hey @OssamaRafique If you are using a paid scraping tool. You can switch to Agenty, we've free public datasets for COVID-19 web scraping

https://www.agenty.com/docs/how-to/how-to-scrape-covid-19-data-from-websites

Did you run it on Heroku?

There are like that error.

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

Full output:

2020-04-02T00:54:26.750597+00:00 heroku[web.1]: State changed from starting to crashed 2020-04-02T00:54:26.629468+00:00 app[web.1]: 2020-04-02T00:54:26.629482+00:00 app[web.1]: <--- Last few GCs ---> 2020-04-02T00:54:26.629482+00:00 app[web.1]: 2020-04-02T00:54:26.629484+00:00 app[web.1]: [23:0x313b3c0] 22405 ms: Mark-sweep 251.6 (257.0) -> 251.1 (257.3) MB, 179.4 / 0.0 ms (average mu = 0.141, current mu = 0.065) allocation failure scavenge might not succeed 2020-04-02T00:54:26.629485+00:00 app[web.1]: [23:0x313b3c0] 22601 ms: Mark-sweep 251.9 (257.3) -> 251.3 (257.5) MB, 185.5 / 0.0 ms (average mu = 0.101, current mu = 0.056) allocation failure scavenge might not succeed 2020-04-02T00:54:26.629485+00:00 app[web.1]: 2020-04-02T00:54:26.629485+00:00 app[web.1]: 2020-04-02T00:54:26.629486+00:00 app[web.1]: <--- JS stacktrace ---> 2020-04-02T00:54:26.629486+00:00 app[web.1]: 2020-04-02T00:54:26.629487+00:00 app[web.1]: ==== JS stack trace ========================================= 2020-04-02T00:54:26.629487+00:00 app[web.1]: 2020-04-02T00:54:26.629489+00:00 app[web.1]: 0: ExitFrame [pc: 0x13a71b9] 2020-04-02T00:54:26.629489+00:00 app[web.1]: Security context: 0x2261930008d1 <JSObject> 2020-04-02T00:54:26.629490+00:00 app[web.1]: 1: checkInheritedPropertiesAreIdentical(aka checkInheritedPropertiesAreIdentical) [0x19325e5c4799] [/app/node_modules/typescript/lib/typescript.js:~62113] [pc=0x332fe100cc34](this=0x0ea7fdd804b1 <undefined>,0x084952f933e9 <TypeObject map = 0x3ec512454989>,0x38f6897df6a9 <IdentifierObject map = 0xf8c9d10ff29>) 2020-04-02T00:54:26.629491+00:00 app[web.1]: 2: checkInterfaceDeclaration(aka checkInterfac... 2020-04-02T00:54:26.629491+00:00 app[web.1]: 2020-04-02T00:54:26.629492+00:00 app[web.1]: FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory 2020-04-02T00:54:26.629723+00:00 app[web.1]: 2020-04-02T00:54:26.639849+00:00 app[web.1]: Writing Node.js report to file: report.20200402.005426.23.0.001.json 2020-04-02T00:54:26.639850+00:00 app[web.1]: Node.js report completed 2020-04-02T00:54:26.640330+00:00 app[web.1]: 1: 0x9ef190 node::Abort() [ng serve] 2020-04-02T00:54:26.640812+00:00 app[web.1]: 2: 0x9f13b2 node::OnFatalError(char const*, char const*) [ng serve] 2020-04-02T00:54:26.641307+00:00 app[web.1]: 3: 0xb5da9e v8::Utils::ReportOOMFailure(v8::internal::Isolate*, char const*, bool) [ng serve] 2020-04-02T00:54:26.641795+00:00 app[web.1]: 4: 0xb5de19 v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char const*, bool) [ng serve] 2020-04-02T00:54:26.642333+00:00 app[web.1]: 5: 0xd0a765 [ng serve] 2020-04-02T00:54:26.642865+00:00 app[web.1]: 6: 0xd0adf6 v8::internal::Heap::RecomputeLimits(v8::internal::GarbageCollector) [ng serve] 2020-04-02T00:54:26.643391+00:00 app[web.1]: 7: 0xd1760a v8::internal::Heap::PerformGarbageCollection(v8::internal::GarbageCollector, v8::GCCallbackFlags) [ng serve] 2020-04-02T00:54:26.643929+00:00 app[web.1]: 8: 0xd18515 v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCallbackFlags) [ng serve] 2020-04-02T00:54:26.644485+00:00 app[web.1]: 9: 0xd1afcc v8::internal::Heap::AllocateRawWithRetryOrFail(int, v8::internal::AllocationType, v8::internal::AllocationOrigin, v8::internal::AllocationAlignment) [ng serve] 2020-04-02T00:54:26.645017+00:00 app[web.1]: 10: 0xce19bb v8::internal::Factory::NewFillerObject(int, bool, v8::internal::AllocationType, v8::internal::AllocationOrigin) [ng serve] 2020-04-02T00:54:26.645631+00:00 app[web.1]: 11: 0x10246ce v8::internal::Runtime_AllocateInYoungGeneration(int, unsigned long*, v8::internal::Isolate*) [ng serve] 2020-04-02T00:54:26.646326+00:00 app[web.1]: 12: 0x13a71b9 [ng serve] 2020-04-02T00:54:26.674228+00:00 app[web.1]: Aborted 2020-04-02T00:54:26.676935+00:00 app[web.1]: npm ERR! code ELIFECYCLE 2020-04-02T00:54:26.677197+00:00 app[web.1]: npm ERR! errno 134 2020-04-02T00:54:26.678042+00:00 app[web.1]: npm ERR! [email protected] start: ng serve 2020-04-02T00:54:26.678147+00:00 app[web.1]: npm ERR! Exit status 134 2020-04-02T00:54:26.678253+00:00 app[web.1]: npm ERR! 2020-04-02T00:54:26.678349+00:00 app[web.1]: npm ERR! Failed at the [email protected] start script. 2020-04-02T00:54:26.678431+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There is likely additional logging output above. 2020-04-02T00:54:26.684710+00:00 app[web.1]: 2020-04-02T00:54:26.684764+00:00 app[web.1]: npm ERR! A complete log of this run can be found in: 2020-04-02T00:54:26.684877+00:00 app[web.1]: npm ERR! /app/.npm/_logs/2020-04-02T00_54_26_679Z-debug.log 2020-04-02T00:54:27.422733+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=covi19meters.herokuapp.com request_id=51d942dd-c019-42d8-ae1b-9abf0435eadf fwd="159.146.45.51" dyno= connect= service= status=503 bytes= protocol=https 2020-04-02T00:54:28.202323+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=covi19meters.herokuapp.com request_id=c6028807-d2f7-4a34-99dc-af8e06322cde fwd="159.146.45.51" dyno= connect= service= status=503 bytes= protocol=https

Server Configuration

Currently there is no default configuration in the server project to configure where the data is coming from. There is an example configuration but it's not really intuitive on what a developer would need to add to that to get the backend working. Details in the README or comments in the code should be added so that the server can be configured correctly

Can't access API

Invalid host header

Able to run the Application on the loaclhost and works fine.
Deployed on Digital ocean with apache configuration tested other apps work fine with Domain name and HTTPS.

Running this project results in error " Invalid host header "

tried all possible resolutions, updated the server hostname to match the same site(project)

Can tell me how I can fix this last issue of invalid host headers

Anything You want done with this?

This isn't an issue, just a question. I dont know a "better" way to contact?

I might be interested in helping with this project, I dont know angular but might be willing to learn. Do you have anything you are wanting to see in this project?