From c31d4f7982941be0d06c86bbe46844bb8d8a4c2f Mon Sep 17 00:00:00 2001 From: Siddharth Varshney Date: Fri, 18 Oct 2019 06:58:03 +0530 Subject: [PATCH 1/2] begineer: chrome theme extention --- Projects/1-Beginner/Chrome-Theme-Extension.md | 25 +++++++++++++++++++ README.md | 5 ++-- 2 files changed, 28 insertions(+), 2 deletions(-) create mode 100644 Projects/1-Beginner/Chrome-Theme-Extension.md diff --git a/Projects/1-Beginner/Chrome-Theme-Extension.md b/Projects/1-Beginner/Chrome-Theme-Extension.md new file mode 100644 index 00000000..7bdf296b --- /dev/null +++ b/Projects/1-Beginner/Chrome-Theme-Extension.md @@ -0,0 +1,25 @@ +# Chrome Theme Extension + +**Tier:** 1-Begineer + +Build your own chrome theme extention. + +- How chrome extention work(behind the scenes). +- Basic understanding of HTML/CSS, JS, JSON is required + +## User Stories + +- [ ] User can install and set it as default theme + +## Bonus features + +- [ ] Deploy extention to chrome store +- [ ] Create same extention for multiple browser like firefox, etc. + +## Useful links and resources + +- [Getting Started](https://developer.chrome.com/extensions/getstarted) + +## Example projects + +- [chrome-developer-edition-dark](https://github.com/KeenRivals/chrome-developer-edition-dark) diff --git a/README.md b/README.md index 53dad654..80269ea9 100644 --- a/README.md +++ b/README.md @@ -45,6 +45,7 @@ required to complete them. | [Border Radius Previewer](./Projects/1-Beginner/Border-Radius-Previewer.md) | Preview how CSS3 border-radius values affect an element | 1-Beginner | | [Calculator](./Projects/1-Beginner/Calculator-App.md) | Calculator | 1-Beginner | | [Christmas Lights](./Projects/1-Beginner/Christmas-Lights-App.md) | Simulate a string of Christmas lights | 1-Beginner | +| [Chrome Theme Extension](./Projects/1-Beginner/Chrome-Theme-Extension.md) | Build your own chrome theme extention. | 1-Beginner | | [Cause Effect App](./Projects/1-Beginner/Cause-Effect-App.md) | Click list item to display item details | 1-Beginner | | [Color Cycle](./Projects/1-Beginner/Color-Cycle-App.md) | Cycle a color value through incremental changes | 1-Beginner | | [Countdown Timer](./Projects/1-Beginner/Countdown-Timer-App.md) | Event Countdown timer | 1-Beginner | @@ -87,13 +88,13 @@ required to complete them. | [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 | +| [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 | | [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 | +| [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 | From 8ec9aa84f18c5e1cc3f0b38c8b3ab98a462f9187 Mon Sep 17 00:00:00 2001 From: Siddharth Varshney Date: Tue, 22 Oct 2019 05:33:14 +0530 Subject: [PATCH 2/2] change tier and add more description --- Projects/1-Beginner/Chrome-Theme-Extension.md | 25 ---------------- .../2-Intermediate/Chrome-Theme-Extension.md | 29 +++++++++++++++++++ README.md | 2 +- 3 files changed, 30 insertions(+), 26 deletions(-) delete mode 100644 Projects/1-Beginner/Chrome-Theme-Extension.md create mode 100644 Projects/2-Intermediate/Chrome-Theme-Extension.md diff --git a/Projects/1-Beginner/Chrome-Theme-Extension.md b/Projects/1-Beginner/Chrome-Theme-Extension.md deleted file mode 100644 index 7bdf296b..00000000 --- a/Projects/1-Beginner/Chrome-Theme-Extension.md +++ /dev/null @@ -1,25 +0,0 @@ -# Chrome Theme Extension - -**Tier:** 1-Begineer - -Build your own chrome theme extention. - -- How chrome extention work(behind the scenes). -- Basic understanding of HTML/CSS, JS, JSON is required - -## User Stories - -- [ ] User can install and set it as default theme - -## Bonus features - -- [ ] Deploy extention to chrome store -- [ ] Create same extention for multiple browser like firefox, etc. - -## Useful links and resources - -- [Getting Started](https://developer.chrome.com/extensions/getstarted) - -## Example projects - -- [chrome-developer-edition-dark](https://github.com/KeenRivals/chrome-developer-edition-dark) diff --git a/Projects/2-Intermediate/Chrome-Theme-Extension.md b/Projects/2-Intermediate/Chrome-Theme-Extension.md new file mode 100644 index 00000000..e4330c91 --- /dev/null +++ b/Projects/2-Intermediate/Chrome-Theme-Extension.md @@ -0,0 +1,29 @@ +# Chrome Theme Extension + +**Tier:** 2-Intermediate + +Build your own customized chrome theme extention. You can also add night light (also known as blue light filter) feture that will automatically turn on during the night time so that user's eye won't get stressed while coding whole night or binge watching netflix 😛 + +- How chrome extention work(behind the scenes). +- Basic understanding of HTML/CSS, JS, JSON is required + +## User Stories + +- [ ] User can make a a theme accoring to their own personal color preference +- [ ] This will extremely benefit the people suffering from color blindness. +- [ ] User can install and set it as default theme + +## Bonus features + +- [ ] Deploy extention to chrome store +- [ ] Add a toggle button to manually control the night sight feature +- [ ] Create same extention for multiple browser like firefox, etc. + +## Useful links and resources + +- [Getting Started](https://developer.chrome.com/extensions/getstarted) + +## Example projects + +- [chrome-developer-edition-dark](https://github.com/KeenRivals/chrome-developer-edition-dark) +- [Night Shift(BlueLight Filter)](https://chrome.google.com/webstore/detail/night-shiftbluelight-filt/hkjikimiiojjiiffmgngnkefacpbgajl?hl=en) diff --git a/README.md b/README.md index 80269ea9..28bf7d28 100644 --- a/README.md +++ b/README.md @@ -45,7 +45,6 @@ required to complete them. | [Border Radius Previewer](./Projects/1-Beginner/Border-Radius-Previewer.md) | Preview how CSS3 border-radius values affect an element | 1-Beginner | | [Calculator](./Projects/1-Beginner/Calculator-App.md) | Calculator | 1-Beginner | | [Christmas Lights](./Projects/1-Beginner/Christmas-Lights-App.md) | Simulate a string of Christmas lights | 1-Beginner | -| [Chrome Theme Extension](./Projects/1-Beginner/Chrome-Theme-Extension.md) | Build your own chrome theme extention. | 1-Beginner | | [Cause Effect App](./Projects/1-Beginner/Cause-Effect-App.md) | Click list item to display item details | 1-Beginner | | [Color Cycle](./Projects/1-Beginner/Color-Cycle-App.md) | Cycle a color value through incremental changes | 1-Beginner | | [Countdown Timer](./Projects/1-Beginner/Countdown-Timer-App.md) | Event Countdown timer | 1-Beginner | @@ -83,6 +82,7 @@ required to complete them. | [Book Finder App](./Projects/2-Intermediate/Book-Finder-App.md) | Search for books by multiple criteria | 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 | | [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 |