max-programming
5 years ago
parent
b47cf8261f
commit
dd6dfefdd9
@ -0,0 +1,31 @@
|
||||
# Battery Info App
|
||||
|
||||
**Tier:** 2-Intermediate
|
||||
|
||||
Create an application that will allow users to be able to watch/visualize thier current device battery in a simple way.
|
||||
|
||||
## User Stories
|
||||
|
||||
- [ ] User can visualize thier current device battery status in a nice and kind of graphical way
|
||||
- [ ] If the device is plugged in charging, the user should see a text indication of **Charging...** or something else.
|
||||
|
||||
## Bonus features
|
||||
|
||||
- [ ] The user should be able see how much time is left for the battery to end
|
||||
- [ ] The user can see how much time will it take to get charged
|
||||
- [ ] Implement a Responsive Design
|
||||
|
||||
## Caveats
|
||||
|
||||
- [ ] It is supported only on Chromium based browsers like [Google Chrome](https://www.google.com/chrome/), [Microsoft Edge](https://www.microsoft.com/en-us/edge), [Opera](https://www.opera.com/), etc.
|
||||
- [ ] It shows fake data on [Brave Browser](https://brave.com/)
|
||||
- [ ] It is not supported on [Mozilla Firefox](https://www.mozilla.org/en-US/firefox/new/?redirect_source=firefox-com), [Apple Safari](https://www.apple.com/in/safari/), etc.
|
||||
- [ ] Read more on [Caniuse](https://caniuse.com/#search=getbattery).
|
||||
|
||||
## Useful links and resources
|
||||
|
||||
- [ ] You can read about the [`navigator.getBattery()` API on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/getBattery)
|
||||
|
||||
## Example projects
|
||||
|
||||
[Battery Info App](https://battery-info.netlify.app/)
|
||||
Loading…
Reference in new issue