https://github.com/max-programming/battery-info-typescript

I built a simple battery info app in vanilla JavaScript using the battery web api in the navigator and Bootstrap. Check out my YouTube channel too if u like: https://youtube.com/MaxProgramming/
https://github.com/max-programming/battery-info-typescript

battery-info bootstrap hacktoberfest javascript js navigator navigator-api ts typescript vanilla-javascript webpack

Last synced: 2 months ago
JSON representation

I built a simple battery info app in vanilla JavaScript using the battery web api in the navigator and Bootstrap. Check out my YouTube channel too if u like: https://youtube.com/MaxProgramming/

• Host: GitHub
• URL: https://github.com/max-programming/battery-info-typescript
• Owner: max-programming
• Created: 2020-05-12T04:41:50.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-03-01T14:36:22.000Z (almost 4 years ago)
• Last Synced: 2024-04-28T06:15:18.768Z (9 months ago)
• Topics: battery-info, bootstrap, hacktoberfest, javascript, js, navigator, navigator-api, ts, typescript, vanilla-javascript, webpack
• Language: HTML
• Homepage: https://battery-info.netlify.app/
• Size: 396 KB
• Stars: 11
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# battery-info-javascript

I built a simple battery info app using the `getBattery` web API in the `navigator` and Typescript.

It will show you the current battery status of your device with some cool and tasty emojis 😏. And charging if it is charging.

## Useful links

[`getBattery` API](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/getBattery)

[Codepen](https://codepen.io/Max_Programming/full/jObeGMj)

[YouTube tutorial](https://youtu.be/J8_hwKSeffY)

## Browsers that don't support the `navigator.getBattery` API: 🚫

-  Brave

-  Firefox

-  Safari

etc...

Font used in the project: [Audiowide](https://fonts.google.com/specimen/Audiowide).

Bootstrap Theme used: [Darkly on Bootswatch](https://bootswatch.com/darkly/).

![Screenshot](screenshot.jpg)