Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mamad-1999/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/mamad-1999/battery-indicator

battery battery-indicator battery-level nextjs nextjs14 pwa tailwindcss typescript

Last synced: 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/mamad-1999/battery-indicator
Owner: mamad-1999
License: mit
Created: 2023-12-11T17:45:33.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-10-29T08:59:06.000Z (2 months ago)
Last Synced: 2024-10-29T10:06:13.279Z (2 months ago)
Topics: battery, battery-indicator, battery-level, nextjs, nextjs14, pwa, tailwindcss, typescript
Language: JavaScript
Homepage: https://battery-information.netlify.app/
Size: 6.06 MB
Stars: 4
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

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)