From dd6dfefdd9c4b29a87abb69378edc885f5014642 Mon Sep 17 00:00:00 2001 From: max-programming Date: Thu, 30 Jul 2020 11:56:50 +0530 Subject: [PATCH] Added Battery Info App --- Projects/2-Intermediate/Battery-Info-App.md | 31 +++++++++ README.md | 71 +++++++++++---------- 2 files changed, 67 insertions(+), 35 deletions(-) create mode 100644 Projects/2-Intermediate/Battery-Info-App.md 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 f6557617..0d562835 100644 --- a/README.md +++ b/README.md @@ -81,41 +81,42 @@ required to complete them. ### Tier-2: Intermediate Projects -| Name | Short Description | Tier | -| --------------------------------------------------------------------------------- | -------------------------------------------------- | -------------- | -| [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 | -| [Card Memory Game](./Projects/2-Intermediate/Card-Memory-Game.md) | Memorize and match hidden images | 2-Intermediate | -| [Charity Finder App](./Projects/2-Intermediate/Charity-Finder-App.md) | Find a Global Charity to donate to | 2-Intermediate | -| [Chrome Theme Extension](./Projects/2-Intermediate/Chrome-Theme-Extension.md) | Build your own chrome theme extention. | 2-Intermediate | -| [Currency Converter](./Projects/2-Intermediate/Currency-Converter.md) | Convert one currency to another. | 2-Intermediate | -| [Drawing App](./Projects/2-Intermediate/Drawing-App.md) | Create digital artwork on the web | 2-Intermediate | -| [Emoji Translator App](./Projects/2-Intermediate/Emoji-Translator-App.md) | Translate sentences into Emoji | 2-Intermediate | -| [Flashcards App](./Projects/2-Intermediate/FlashCards-App.md) | Review and test your knowledge through Flash Cards | 2-Intermediate | -| [Flip Art App](./Projects/2-Intermediate/Flip-Art-App.md) | Animate a set of images | 2-Intermediate | -| [Game Suggestion App](./Projects/2-Intermediate/Game-Suggestion-App.md) | Create polls to decide what games to play | 2-Intermediate | -| [GitHub Profiles](./Projects/2-Intermediate/GitHub-Profiles.md) | A GitHub user search App | 2-Intermediate | -| [HighStriker Game](./Projects/2-Intermediate/HighStriker-Game.md) | Highstriker strongman carnival game | 2-Intermediate | -| [Image Scanner](./Projects/2-Intermediate/Image-Scaner.md) | Image Scanner App | 2-Intermediate | -| [Markdown Previewer](./Projects/2-Intermediate/Markdown-Previewer.md) | Preview text formatted in GitHub flavored markdown | 2-Intermediate | -| [Markdown Table Generator](./Projects/2-Intermediate/Markdown-Table-Generator.md) | Convert a table into Markdown-formatted text | 2-Intermediate | -| [Math Editor](./Projects/2-Intermediate/math-editor.md) | A math editor for students to use | 2-Intermediate | -| [Meme Generator App](./Projects/2-Intermediate/Meme-Generator-App.md) | Create custom memes | 2-Intermediate | -| [Name Generation using RNNs](./Projects/2-Intermediate/Name-Generator.md) | Generate names using names dataset | 2-Intermediate | -| [Password Generator](./Projects/2-Intermediate/Password-Generator.md) | Generate random passwords | 2-Intermediate | -| [Podcast Directory](./Projects/2-Intermediate/Podcast-Directory-App.md) | Directory of favorite podcasts | 2-Intermediate | -| [QR Code Badge Generator](./Projects/2-Intermediate/QRCode-Badge-App.md) | Encode badge info in a QRcode | 2-Intermediate | -| [Regular Expression Helper](./Projects/2-Intermediate/RegExp-Helper-App.md) | Test Regular Expressions | 2-Intermediate | -| [Sales Reciepts App](./Projects/2-Intermediate/Sales-DB-App.md) | Record Sales Receipts in a DB | 2-Intermediate | -| [Simple Online Store](./Projects/2-Intermediate/Simple-Online-Store.md) | Simple Online Store | 2-Intermediate | -| [Sports Bracket Generator](./Projects/2-Intermediate/Sports-Bracket-Generator.md) | Generate a sports bracket diagram | 2-Intermediate | -| [String Art](./Projects/2-Intermediate/String-Art.md) | An animation of moving, colored strings | 2-Intermediate | -| [This or That Game](./Projects/2-Intermediate/This-or-That-Game.md) | This or That Game | 2-Intermediate | -| [Timezone Slackbot](./Projects/2-Intermediate/Timezone-Slackbot.md) | Display Team Timezones | 2-Intermediate | -| [To-Do App](./Projects/2-Intermediate/To-Do-App.md) | Manage personal to-do tasks | 2-Intermediate | -| [Typing Practice](./Projects/2-Intermediate/Typing-Practice-App.md) | Typing Practice | 2-Intermediate | -| [Voting App](./Projects/2-Intermediate/Voting-App.md) | Voting App | 2-Intermediate | +| 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 | +| [Card Memory Game](./Projects/2-Intermediate/Card-Memory-Game.md) | Memorize and match hidden images | 2-Intermediate | +| [Charity Finder App](./Projects/2-Intermediate/Charity-Finder-App.md) | Find a Global Charity to donate to | 2-Intermediate | +| [Chrome Theme Extension](./Projects/2-Intermediate/Chrome-Theme-Extension.md) | Build your own chrome theme extention. | 2-Intermediate | +| [Currency Converter](./Projects/2-Intermediate/Currency-Converter.md) | Convert one currency to another. | 2-Intermediate | +| [Drawing App](./Projects/2-Intermediate/Drawing-App.md) | Create digital artwork on the web | 2-Intermediate | +| [Emoji Translator App](./Projects/2-Intermediate/Emoji-Translator-App.md) | Translate sentences into Emoji | 2-Intermediate | +| [Flashcards App](./Projects/2-Intermediate/FlashCards-App.md) | Review and test your knowledge through Flash Cards | 2-Intermediate | +| [Flip Art App](./Projects/2-Intermediate/Flip-Art-App.md) | Animate a set of images | 2-Intermediate | +| [Game Suggestion App](./Projects/2-Intermediate/Game-Suggestion-App.md) | Create polls to decide what games to play | 2-Intermediate | +| [GitHub Profiles](./Projects/2-Intermediate/GitHub-Profiles.md) | A GitHub user search App | 2-Intermediate | +| [HighStriker Game](./Projects/2-Intermediate/HighStriker-Game.md) | Highstriker strongman carnival game | 2-Intermediate | +| [Image Scanner](./Projects/2-Intermediate/Image-Scaner.md) | Image Scanner App | 2-Intermediate | +| [Markdown Previewer](./Projects/2-Intermediate/Markdown-Previewer.md) | Preview text formatted in GitHub flavored markdown | 2-Intermediate | +| [Markdown Table Generator](./Projects/2-Intermediate/Markdown-Table-Generator.md) | Convert a table into Markdown-formatted text | 2-Intermediate | +| [Math Editor](./Projects/2-Intermediate/math-editor.md) | A math editor for students to use | 2-Intermediate | +| [Meme Generator App](./Projects/2-Intermediate/Meme-Generator-App.md) | Create custom memes | 2-Intermediate | +| [Name Generation using RNNs](./Projects/2-Intermediate/Name-Generator.md) | Generate names using names dataset | 2-Intermediate | +| [Password Generator](./Projects/2-Intermediate/Password-Generator.md) | Generate random passwords | 2-Intermediate | +| [Podcast Directory](./Projects/2-Intermediate/Podcast-Directory-App.md) | Directory of favorite podcasts | 2-Intermediate | +| [QR Code Badge Generator](./Projects/2-Intermediate/QRCode-Badge-App.md) | Encode badge info in a QRcode | 2-Intermediate | +| [Regular Expression Helper](./Projects/2-Intermediate/RegExp-Helper-App.md) | Test Regular Expressions | 2-Intermediate | +| [Sales Reciepts App](./Projects/2-Intermediate/Sales-DB-App.md) | Record Sales Receipts in a DB | 2-Intermediate | +| [Simple Online Store](./Projects/2-Intermediate/Simple-Online-Store.md) | Simple Online Store | 2-Intermediate | +| [Sports Bracket Generator](./Projects/2-Intermediate/Sports-Bracket-Generator.md) | Generate a sports bracket diagram | 2-Intermediate | +| [String Art](./Projects/2-Intermediate/String-Art.md) | An animation of moving, colored strings | 2-Intermediate | +| [This or That Game](./Projects/2-Intermediate/This-or-That-Game.md) | This or That Game | 2-Intermediate | +| [Timezone Slackbot](./Projects/2-Intermediate/Timezone-Slackbot.md) | Display Team Timezones | 2-Intermediate | +| [To-Do App](./Projects/2-Intermediate/To-Do-App.md) | Manage personal to-do tasks | 2-Intermediate | +| [Typing Practice](./Projects/2-Intermediate/Typing-Practice-App.md) | Typing Practice | 2-Intermediate | +| [Voting App](./Projects/2-Intermediate/Voting-App.md) | Voting App | 2-Intermediate | ### Tier-3: Advanced Projects