https://github.com/saeedkohansal/javascript-internet-connection-checker-real-time

It's a Vanilla JavaScript widget that can detect a user's internet connection status and display a notification if the user disconnected from the internet in real-time, you can customize this widget and use it on your website or web application, I also created 2 CSS animations to display and hiding that notification
https://github.com/saeedkohansal/javascript-internet-connection-checker-real-time

client-side clientside connection-checker css css-animation gilgeekify html internet-connection internet-connection-checker internetconnectionchecker javascript js live network network-tools real-time realtime web-browser web-development widget

Last synced: about 1 month ago
JSON representation

It's a Vanilla JavaScript widget that can detect a user's internet connection status and display a notification if the user disconnected from the internet in real-time, you can customize this widget and use it on your website or web application, I also created 2 CSS animations to display and hiding that notification

• Host: GitHub
• URL: https://github.com/saeedkohansal/javascript-internet-connection-checker-real-time
• Owner: saeedkohansal
• License: mit
• Created: 2022-06-21T04:11:06.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-07-22T14:09:53.000Z (6 months ago)
• Last Synced: 2024-07-22T16:59:36.544Z (6 months ago)
• Topics: client-side, clientside, connection-checker, css, css-animation, gilgeekify, html, internet-connection, internet-connection-checker, internetconnectionchecker, javascript, js, live, network, network-tools, real-time, realtime, web-browser, web-development, widget
• Language: HTML
• Homepage: https://saeedkohansal.github.io/JavaScript-Internet-Connection-Checker-Real-Time/
• Size: 112 KB
• Stars: 4
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# JavaScript Internet Connection Checker Real Time

_Creating JavaScript Internet Connection Checker Real-Time Widget HTML/CSS/JS_

![Thumbnail](https://raw.githubusercontent.com/saeedkohansal/JavaScript-Internet-Connection-Checker-Real-Time/main/JavaScript-Internet-Connection-Checker.png "Thumbnail")

This is a Vanilla JavaScript widget that can detect a user's internet connection status and display a notification if the user disconnected from the internet in real-time, you can customize this widget and use it on your website or web application, I also created 2 CSS animations to display and hiding that notification

## Video Tutorial [ Creating This Widget From Scratch ]

[https://youtu.be/_9e_pUc_cLw](https://youtu.be/_9e_pUc_cLw)

 

## If You Enjoy My Content, Please Support Me 😍🙏

💙 PAYPAL DONATION

https://paypal.me/gilgeekify

❤️ PATREON

https://www.patreon.com/gilgeekify

💛 BUY ME A COFFEE

https://www.buymeacoffee.com/gilgeekify

🪙 My Public Address To Receive BTC • Bitcoin

bc1qerc5ev074cqknu9nz589w4vjf5ecmhuc2df83h

🥈 My Public Address To Receive ETH • Ethereum

0x566A47B9731209A5144336D274D44224bfb9C0ea