• Stars
    star
    995
  • Rank 44,366 (Top 0.9 %)
  • Language
    JavaScript
  • Created over 7 years ago
  • Updated about 7 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Desktop notification for your console Logs

Notification Logger npm version

Ever wondered why you have to open the console every time you want to want to log a variable?

Notification Logger helps provide desktop notification for your console messages.

During development, You have to check the browser's inspector periodically to see what your console.log()'s are saying.

With notification-logger, you can develop and debug web apps and see console messages as Desktop Notifications.

And it only adds ~50 lines to your project.

Demo

Initial repo forked from chinchang's project screenlog.js. Check out his awesomeness over here

Screenshot

notification-logger

Installing

  • Use npm or git clone to download the module.
    • npm install notification-logger
    • git clone https://github.com/hkirat/notification-logger.git
  • include notification-logger.js or notification-logger.min.js
  • Initialise with logger.init()

Methods


  • logger.init - Initialises the logger
  • logger.log - Logs the message via a Desktop Notification only
  • console.log - Logs the message via a Desktop Notification and in the browser console
  • logger.destroy - Reverts console.log to original functionality

Browser Support

Works best on latest versions of Google Chrome, Firefox and Safari.

To Do

  • Add Custom Icon to Notifications
  • Unwrap Objects while Logging them as Desktop Notification

Credits

More Repositories

1

project-ideas

Projects to get you started on full stack
1,844
star
2

Algorithmic-Resources

A Curated list of Topic wise Theory and Questions to Get You Started On Competitive Coding.
1,203
star
3

gsoc-good-first-issues

Good first issues for GSoC 2023
613
star
4

project-ideas-v2

Project ideas with prompts
516
star
5

awesome-chess

Chess!
344
star
6

full-stack-assignment

JavaScript
210
star
7

vercel

TypeScript
115
star
8

linkedin-bot

JavaScript
79
star
9

docker-roadmap

JavaScript
78
star
10

real-time-chat

TypeScript
61
star
11

flappyBird

A simple js clone of flappy bird
JavaScript
53
star
12

leetcode-clone

TypeScript
51
star
13

note-taker

Minimal note taking and sharing app
JavaScript
45
star
14

react-assignment

JavaScript
45
star
15

trade-assignment

TypeScript
45
star
16

omegle

TypeScript
45
star
17

web3-bootcamp

Solidity
43
star
18

hkirat.github.io

My Blog
CSS
42
star
19

repl

TypeScript
33
star
20

quiz-app-next

TypeScript
30
star
21

peetcode

JavaScript
23
star
22

flappyBirdAi

Flappy bird AI
JavaScript
20
star
23

todo-app

JavaScript
20
star
24

sol-examples

TypeScript
18
star
25

frontend-frameworks

TypeScript
14
star
26

discord-validation-bot

Python
14
star
27

trade-strategy

TypeScript
13
star
28

nvim-assignment

JavaScript
12
star
29

js-challenges

10
star
30

chat-frontend2

TypeScript
8
star
31

eth-contracts

Eth contracts
TypeScript
7
star
32

sum-server

JavaScript
6
star
33

learning

5
star
34

week-9

JavaScript
4
star
35

asyncapi-fork

TypeScript
4
star
36

mobiledebugger.js

Remote Debugging Made Easy
JavaScript
4
star
37

agar.io

JavaScript
4
star
38

dijkstra

Kinetic Simulation of Dijkstra's algorithm
JavaScript
3
star
39

idea

JavaScript
2
star
40

twitos

Decentralized twitter
TypeScript
2
star
41

react-boilerplate

CSS
2
star
42

janus

JavaScript
2
star
43

serverles

TypeScript
2
star
44

chat-frontend

Simple Chat front end
JavaScript
2
star
45

push-notifications

Push Notifications for node.js
JavaScript
2
star
46

bash-examples

Shell
2
star
47

week-7-messed-up-code

JavaScript
2
star
48

locatejs

Location api and Google maps
JavaScript
1
star
49

MVCHubble

PHP
1
star
50

harkirat96.php

php project including a php based page for link sharing
PHP
1
star