ossamarafique / covid-19-statistics-dashboard-angular-9

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

Hi there, I'm Ossama 👋

👨‍💻 Highly skilled frontend engineer with 8 years of experience working in web-related technologies and 6+ years of experience specifically in frontend development. I have a proven track record of delivering visually appealing and user-friendly web applications using modern frontend frameworks like Angular and React. My in-depth knowledge of JavaScript, TypeScript, HTML, CSS and other frontend technologies allows me to create high-performing and responsive user interfaces.

🚀 I am driven by a passion for delivering clean, efficient, and user-friendly code, and am always looking for new ways to improve and stay up-to-date with the latest technologies. I also have experience working as a full stack developer, with a good understanding of various technologies such as Node.js, Golang, PHP, and different databases which gives me a comprehensive skill set to work on projects end to end. My background as a freelancer has given me the ability to work on a wide range of projects and adapt to new technologies quickly, which also helped me to gain experience in different domains.

Skills

• Frontend Javascript/Typescript frameworks: Angular v(2-14), React, Vue
• Backend Javascript/Typescript frameworks: NestJs, Express.js, Hapi.js
• Languages I've worked with: HTML, CSS (SCSS, LESS), Javascript, PHP, C++, Node.js, Golang, Typescript
• Databases: MySQL, PostgreSQL, MongoDB, Firebase
• Frontend CSS/UI libraries: Bootstrap, Ant Design, Semantic UI, Material UI, Bulma, Tailwind
• Misc Skills: Docker, GraphQL, Websockets, CI/CD, Blockchain, WebGL, D3, RxJS, NgRx, Redux, Webpack, Redis, AWS, Vercel, Figma, Git

How to Reach Me

• 📫 You can reach me via email at [email protected] or on Linkedin linkedin.com/in/OssamaRafique.

Open Source Projects

• github.com/OssamaRafique
• github.com/OssamaRafique/Covid-19-Statistics-Dashboard-Angular-9
• github.com/OssamaRafique/Interactive-Image-Particles-WebGL
• github.com/OssamaRafique/Apollo-GraphQL-Starter-Kit-User-Login-File-Uploader

Digital Resume

• ossamarafique.com

Some Deployed Projects

• Drag & Drop Web Builder: ng-lab-frontend.vercel.app
• Corona Tracking Dashboard (OSS): corona-statistics-and-tracker-dashboard-angular-9.vercel.app
• Images Particles Library (OSS): ossamarafique.github.io/Interactive-Image-Particles-WebGL
• Software Company Portfolio: fantisco.com
• Crypto Coins Listing Platform: freshcoins.io
• Notes Application: notesapp-81d17.firebaseapp.com
• Ecommerce Application: theleatherable.com
• Ecommerce Application: sportsgear.dk

Fun Fact

😄 I have two passions: staying up-to-date with the latest developments in the tech industry and exploring the wonders of space. You'll often find me immersed in research, whether it's learning about new breakthroughs in artificial intelligence and blockchain, or delving into the mysteries of the cosmos, from black holes to exoplanets.

Thanks for stopping by!

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

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

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 :)

Merges and Failed Deploys

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

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

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

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?

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?

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

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?

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.

Weblate translation platform

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/ ? :)

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?

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.

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

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!

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)

Timeline country USA did't have

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