Name		Name	Last commit message	Last commit date
img		img
ts		ts
.gitignore		.gitignore
README.md		README.md
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
screenshot.jpg		screenshot.jpg
styles.css		styles.css
tsconfig.json		tsconfig.json

Repository files navigation

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

YouTube tutorial

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

Brave
Firefox
Safari

etc...

Font used in the project: Audiowide.

Bootstrap Theme used: Darkly on Bootswatch.

About

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/

battery-info.netlify.app/

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

11 stars

1 watching

Report repository

Releases

Packages

Used by

Contributors

Languages