diff --git a/Projects/2-Intermediate/Battery-Info-App.md b/Projects/2-Intermediate/Battery-Info-App.md new file mode 100644 index 00000000..24b280db --- /dev/null +++ b/Projects/2-Intermediate/Battery-Info-App.md @@ -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/) diff --git a/README.md b/README.md index 2d209743..3d129d91 100644 --- a/README.md +++ b/README.md @@ -83,6 +83,7 @@ required to complete them. | Name | Short Description | Tier | | --------------------------------------------------------------------------------- | -------------------------------------------------- | -------------- | +| [Battery Info App](./Projects/2-Intermediate/Battery-Info-App.md) | Show the current battery status of the user's device. | 2-Intermediate | | [Bit Masks](./Projects/2-Intermediate/Bit-Masks-App.md) | Using Bit Masks for Conditions | 2-Intermediate | | [Book Finder App](./Projects/2-Intermediate/Book-Finder-App.md) | Search for books by multiple criteria | 2-Intermediate | | [Calculator CLI](./Projects/2-Intermediate/Calculator-CLI.md) | Create a basic calculator cli. | 2-Intermediate | @@ -176,4 +177,4 @@ As a bonus, I created the [#100Days100Projects challenge](https://www.florin-pop ## Stars history -[![Stargazers over time](https://starchart.cc/florinpop17/app-ideas.svg)](https://starchart.cc/florinpop17/app-ideas) +[![Stargazers over time](https://starchart.cc/florinpop17/app-ideas.svg)](https://starchart.cc/florinpop17/app-ideas) \ No newline at end of file