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: 9 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 (about 2 years ago)
• Default Branch: main
• Last Pushed: 2025-04-14T05:08:36.000Z (9 months ago)
• Last Synced: 2025-04-14T05:35:58.679Z (9 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+                  |                                                |

----

![Untitled design(1)](https://github.com/user-attachments/assets/08245d88-bbf2-4673-99d0-2d6a284e2ad0)

----

## 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.

![low-battery_1faab](https://github.com/mamad-1999/Battery-Check/assets/91375726/02d2dd9d-c9f3-408e-b91c-8cdb19f3a1b7)