Skip to content

max-programming/battery-info-typescript

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits

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

Codepen

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.

Screenshot

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/

Topics

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

Resources

Readme
Activity

Stars

11 stars

Watchers

2 watching

Forks

2 forks
Report repository

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages