https://github.com/blackvoidx/Battery-Indicator
đđĒĢ This is a simple Battery Indicator app built with Next.js, Tailwind CSS for styling, and includes Progressive Web App (PWA) features.
https://github.com/blackvoidx/Battery-Indicator
battery battery-indicator battery-level nextjs nextjs14 pwa tailwindcss typescript
Last synced: about 2 months ago
JSON representation
đđĒĢ This is a simple Battery Indicator app built with Next.js, Tailwind CSS for styling, and includes Progressive Web App (PWA) features.
- Host: GitHub
- URL: https://github.com/blackvoidx/Battery-Indicator
- Owner: blackvoidx
- License: mit
- Created: 2023-12-11T17:45:33.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-14T05:08:36.000Z (about 2 months ago)
- Last Synced: 2025-04-14T05:35:58.679Z (about 2 months ago)
- Topics: battery, battery-indicator, battery-level, nextjs, nextjs14, pwa, tailwindcss, typescript
- Language: JavaScript
- Homepage: https://battery-information.netlify.app/
- Size: 4.85 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
Awesome Lists containing this project
README
## Battery Indicator App đđĒĢ
#### This is a simple Battery Indicator app built with Next.js, Tailwind CSS for styling, and includes Progressive Web App (PWA) features.
----
![]()
----
## Features- Display battery charge level.
- Responsive design with Tailwind CSS for styling.
- PWA capabilities for offline usage.
----## Browser Support (navigator.getBattery)
| Browser | Supported | Version Supported From | Notes |
|----------------------|------------|------------------------|------------------------------------------------|
| Google Chrome | â | 38+ | |
| Firefox | â | Removed in version 52 | Removed due to privacy concerns |
| Safari | â | N/A | Not supported due to privacy concerns |
| Microsoft Edge | â | 17+ | |
| Internet Explorer | â | N/A | Not supported |
| Opera | â | 25+ | |
| Samsung Internet | â | 3.0+ | |
| UC Browser | â | 13.0+ | |----

----## Technologies Used
- [Next.js](https://nextjs.org/): React framework for building web applications.
- [Tailwind CSS](https://tailwindcss.com/): Utility-first CSS framework.
- [PWA](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps): Progressive Web App features for offline usage.## Usage
- Open the app in a web browser.
- View the battery charge level displayed visually.