From 83f4e926e7a5e2e39a347f7c1530daa93bdc4dfe Mon Sep 17 00:00:00 2001 From: jdmedlock Date: Sun, 7 Apr 2019 09:13:30 -0500 Subject: [PATCH 1/7] Refactor: Add star icon to identify new projects Add star icon to identify new projects Resolves: N/a See also: N/a --- README.md | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index ccff7ddb..ec5aeb71 100644 --- a/README.md +++ b/README.md @@ -53,6 +53,7 @@ required to complete them. | [Slider Design](./Projects/Slider-Design.md) | Display images using a slider control | 1-Beginner | | [TrueOrFalse](./Projects/True-or-False-App.md) | Identify the result of a conditional comparison | 1-Beginner | | [Wind Chill](./Projects/Windchill-App.md) | Calculate the windchill factor from an actual temperature | 1-Beginner | +🌟 - New Project ### Tier-2: Intermediate Projects @@ -60,8 +61,8 @@ required to complete them. | ------------------------------------------------------------------ | -------------------------------------------------- | -------------- | | [Book Finder App](./Projects/Book-Finder-App.md) | Search for books by multiple criteria | 2-Intermediate | | [Card Memory Game](./Projects/Card-Memory-Game.md) | Memorize and match hidden images | 2-Intermediate | -| [Drawing App](./Projects/Drawing-App.md) | Create digital artwork on the web | 2-Intermediate | -| [Emoji Translator App](./Projects/Emoji-Translator-App.md) | Translate sentences into Emoji | 2-Intermediate | +| [🌟Drawing App](./Projects/Drawing-App.md) | Create digital artwork on the web | 2-Intermediate | +| [🌟Emoji Translator App](./Projects/Emoji-Translator-App.md) | Translate sentences into Emoji | 2-Intermediate | | [Flashcards App](./Projects/FlashCards-App.md) | Review and test your knowledge through Flash Cards | 2-Intermediate | | [HighStriker Game](./Projects/HighStriker-Game.md) | Highstriker strongman carnival game | 2-Intermediate | | [Markdown Previewer](./Projects/Markdown-Previewer.md) | Preview text formatted in GitHub flavored markdown | 2-Intermediate | @@ -71,6 +72,7 @@ required to complete them. | [String Art](./Projects/String-Art.md) | An animation of moving, colored strings | 2-Intermediate | | [Timezone Slackbot](./Projects/Timezone-Slackbot.md) | Display Team Timezones | 2-Intermediate | | [To-Do App](./Projects/To-Do-App.md) | Manage personal to-do tasks | 2-Intermediate | +🌟 - New Project ### Tier-3: Advanced Projects @@ -79,12 +81,13 @@ required to complete them. | [Battleship Bot](./Projects/Battleship-Bot.md) | Create a Discord bot that plays Battleship | 3-Advanced | | [Battleship Game Engine](./Projects/Battleship-Game-Engine.md) | Create a callable engine to play the Battleship game | 3-Advanced | | [Chat App](./Projects/Chat-App.md) | Real-time chat interface | 3-Advanced | -| [Elevator](./Projects/Elevator-App.md) | Elevator simulator | 3-Advanced | +| [🌟Elevator](./Projects/Elevator-App.md) | Elevator simulator | 3-Advanced | | [GitHub Timeline](./Projects/GitHub-Timeline-App.md) | Generate a timeline of a users GitHub Repos | 3-Advanced | | [Kudos Slackbot](./Projects/Kudos-Slackbot.md) | Give recognition to a deserving peer | 3-Advanced | | [Slack Archiver](./Projects/Slack-Archiver.md) | Archive Slack Messages | 3-Advanced | | [Spell-It App](./Projects/SpellIt-App.md) | A twist on the classic Speak N Spell game | 3-Advanced | | [Survey App](./Projects/Survey-App.md) | Define, conduct, and view a survey | 3-Advanced | +🌟 - New Project ## Plans for the future From c6b31b894dcbe17a3ad5b32701874fc02b921eb3 Mon Sep 17 00:00:00 2001 From: jdmedlock Date: Sun, 7 Apr 2019 09:18:08 -0500 Subject: [PATCH 2/7] Fix: Adjust spacing of new project footnote on project tables Adjust spacing of new project footnote on project tables Resolves: N/a See also: N/a --- README.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/README.md b/README.md index f49640d9..fe213d69 100644 --- a/README.md +++ b/README.md @@ -53,6 +53,7 @@ required to complete them. | [Slider Design](./Projects/Slider-Design.md) | Display images using a slider control | 1-Beginner | | [TrueOrFalse](./Projects/True-or-False-App.md) | Identify the result of a conditional comparison | 1-Beginner | | [Wind Chill](./Projects/Windchill-App.md) | Calculate the windchill factor from an actual temperature | 1-Beginner | + 🌟 - New Project ### Tier-2: Intermediate Projects @@ -72,6 +73,7 @@ required to complete them. | [String Art](./Projects/String-Art.md) | An animation of moving, colored strings | 2-Intermediate | | [Timezone Slackbot](./Projects/Timezone-Slackbot.md) | Display Team Timezones | 2-Intermediate | | [To-Do App](./Projects/To-Do-App.md) | Manage personal to-do tasks | 2-Intermediate | + 🌟 - New Project ### Tier-3: Advanced Projects @@ -88,6 +90,7 @@ required to complete them. | [Slack Archiver](./Projects/Slack-Archiver.md) | Archive Slack Messages | 3-Advanced | | [Spell-It App](./Projects/SpellIt-App.md) | A twist on the classic Speak N Spell game | 3-Advanced | | [Survey App](./Projects/Survey-App.md) | Define, conduct, and view a survey | 3-Advanced | + 🌟 - New Project ## Plans for the future From fc2405310b8328aedf3977086000771a565c48f2 Mon Sep 17 00:00:00 2001 From: Florin Pop Date: Sun, 7 Apr 2019 21:55:46 +0300 Subject: [PATCH 3/7] updated README --- README.md | 16 ++++++---------- 1 file changed, 6 insertions(+), 10 deletions(-) diff --git a/README.md b/README.md index fe213d69..94d68805 100644 --- a/README.md +++ b/README.md @@ -33,6 +33,8 @@ required to complete them. | 2 | Developers at an intermediate stage of learning and experience. They are comfortable in UI/UX, using development tools, and building apps that use API services. | | 3 | Developers who have all of the above, and are learning more advanced techniques like implementing backend applications and database services. | +🌟 - New Project + ### Tier-1: Beginner Projects | Name | Short Description | Tier | @@ -54,16 +56,14 @@ required to complete them. | [TrueOrFalse](./Projects/True-or-False-App.md) | Identify the result of a conditional comparison | 1-Beginner | | [Wind Chill](./Projects/Windchill-App.md) | Calculate the windchill factor from an actual temperature | 1-Beginner | -🌟 - New Project - ### Tier-2: Intermediate Projects | Name | Short Description | Tier | | ------------------------------------------------------------------ | -------------------------------------------------- | -------------- | | [Book Finder App](./Projects/Book-Finder-App.md) | Search for books by multiple criteria | 2-Intermediate | | [Card Memory Game](./Projects/Card-Memory-Game.md) | Memorize and match hidden images | 2-Intermediate | -| [🌟Drawing App](./Projects/Drawing-App.md) | Create digital artwork on the web | 2-Intermediate | -| [🌟Emoji Translator App](./Projects/Emoji-Translator-App.md) | Translate sentences into Emoji | 2-Intermediate | +| [🌟Drawing App](./Projects/Drawing-App.md) | Create digital artwork on the web | 2-Intermediate | +| [🌟Emoji Translator App](./Projects/Emoji-Translator-App.md) | Translate sentences into Emoji | 2-Intermediate | | [Flashcards App](./Projects/FlashCards-App.md) | Review and test your knowledge through Flash Cards | 2-Intermediate | | [HighStriker Game](./Projects/HighStriker-Game.md) | Highstriker strongman carnival game | 2-Intermediate | | [Markdown Previewer](./Projects/Markdown-Previewer.md) | Preview text formatted in GitHub flavored markdown | 2-Intermediate | @@ -74,8 +74,6 @@ required to complete them. | [Timezone Slackbot](./Projects/Timezone-Slackbot.md) | Display Team Timezones | 2-Intermediate | | [To-Do App](./Projects/To-Do-App.md) | Manage personal to-do tasks | 2-Intermediate | -🌟 - New Project - ### Tier-3: Advanced Projects | Name | Short Description | Tier | @@ -83,16 +81,14 @@ required to complete them. | [Battleship Bot](./Projects/Battleship-Bot.md) | Create a Discord bot that plays Battleship | 3-Advanced | | [Battleship Game Engine](./Projects/Battleship-Game-Engine.md) | Create a callable engine to play the Battleship game | 3-Advanced | | [Chat App](./Projects/Chat-App.md) | Real-time chat interface | 3-Advanced | -| [🌟Elevator](./Projects/Elevator-App.md) | Elevator simulator | 3-Advanced | -| [🌟Fast Food Simulator](./Projects/FastFood-App.md) | Fast Food Restaurant Simulator | 3-Advanced | +| [🌟Elevator](./Projects/Elevator-App.md) | Elevator simulator | 3-Advanced | +| [🌟Fast Food Simulator](./Projects/FastFood-App.md) | Fast Food Restaurant Simulator | 3-Advanced | | [GitHub Timeline](./Projects/GitHub-Timeline-App.md) | Generate a timeline of a users GitHub Repos | 3-Advanced | | [Kudos Slackbot](./Projects/Kudos-Slackbot.md) | Give recognition to a deserving peer | 3-Advanced | | [Slack Archiver](./Projects/Slack-Archiver.md) | Archive Slack Messages | 3-Advanced | | [Spell-It App](./Projects/SpellIt-App.md) | A twist on the classic Speak N Spell game | 3-Advanced | | [Survey App](./Projects/Survey-App.md) | Define, conduct, and view a survey | 3-Advanced | -🌟 - New Project - ## Plans for the future We are planning to add more and more projects to this repository. For this, we need your help! Find out how to contribute below. 👇 From b8fbee82e295f4f1f42f1fca0fb0d5f599ab860f Mon Sep 17 00:00:00 2001 From: Florin Pop Date: Sun, 7 Apr 2019 22:07:53 +0300 Subject: [PATCH 4/7] added new project Meme Generator --- Projects/Meme-Generator-App.md | 29 +++++++++++++++++++++++++++++ README.md | 1 + 2 files changed, 30 insertions(+) create mode 100644 Projects/Meme-Generator-App.md diff --git a/Projects/Meme-Generator-App.md b/Projects/Meme-Generator-App.md new file mode 100644 index 00000000..dd0bb942 --- /dev/null +++ b/Projects/Meme-Generator-App.md @@ -0,0 +1,29 @@ +# Meme Generator App + +**Tier:** 2-Intermediate + +Allow users to generate custom memes by adding text over an image. + +## User Stories + +- [ ] User can upload an image that will appear in a canvas +- [ ] User can add text in the top part of the image +- [ ] User can add text in the bottom part of the image +- [ ] User can select the color of the text +- [ ] User can select the size of the text +- [ ] User can save the resulting meme + +## Bonus features + +- [ ] User can share the meme on social media (twitter, reddit, facebook, etc) +- [ ] User can drag the text around and place it wherever he wants on top of the image +- [ ] User can draw shapes on top of the image (circles, rectangles, or free drawing with the mouse) + +## Useful links and resources + +Working with canvas is made very easy by the [p5js](http://p5js.org/) library. + +## Example projects + +- [Meme Generator by imgflip](https://imgflip.com/memegenerator) +- [Meme Generator by Niels Vadot](https://codepen.io/ninivert/pen/BpLKRx) diff --git a/README.md b/README.md index 94d68805..03af2838 100644 --- a/README.md +++ b/README.md @@ -68,6 +68,7 @@ required to complete them. | [HighStriker Game](./Projects/HighStriker-Game.md) | Highstriker strongman carnival game | 2-Intermediate | | [Markdown Previewer](./Projects/Markdown-Previewer.md) | Preview text formatted in GitHub flavored markdown | 2-Intermediate | | [Markdown Table Generator](./Projects/Markdown-Table-Generator.md) | Convert a table into Markdown-formatted text | 2-Intermediate | +| [🌟Meme Generator App](./Projecs/Meme-Generator-App.md) | Create custom memes | 2-Intermediate | | [Regular Expression Helper](./Projects/RegExp-Helper-App.md) | Test Regular Expressions | 2-Intermediate | | [Sports Bracket Generator](./Projects/Sports-Bracket-Generator.md) | Generate a sports bracket diagram | 2-Intermediate | | [String Art](./Projects/String-Art.md) | An animation of moving, colored strings | 2-Intermediate | From 49d900eae1cbd1ac699a261ba7133c37bdf6b6f9 Mon Sep 17 00:00:00 2001 From: Florin Pop Date: Sun, 7 Apr 2019 22:08:45 +0300 Subject: [PATCH 5/7] fixed typo --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 03af2838..d0741de0 100644 --- a/README.md +++ b/README.md @@ -68,7 +68,7 @@ required to complete them. | [HighStriker Game](./Projects/HighStriker-Game.md) | Highstriker strongman carnival game | 2-Intermediate | | [Markdown Previewer](./Projects/Markdown-Previewer.md) | Preview text formatted in GitHub flavored markdown | 2-Intermediate | | [Markdown Table Generator](./Projects/Markdown-Table-Generator.md) | Convert a table into Markdown-formatted text | 2-Intermediate | -| [🌟Meme Generator App](./Projecs/Meme-Generator-App.md) | Create custom memes | 2-Intermediate | +| [🌟Meme Generator App](./Projects/Meme-Generator-App.md) | Create custom memes | 2-Intermediate | | [Regular Expression Helper](./Projects/RegExp-Helper-App.md) | Test Regular Expressions | 2-Intermediate | | [Sports Bracket Generator](./Projects/Sports-Bracket-Generator.md) | Generate a sports bracket diagram | 2-Intermediate | | [String Art](./Projects/String-Art.md) | An animation of moving, colored strings | 2-Intermediate | From 73d4b4c3c88fdeb1cfb911377165fcb9bc21468d Mon Sep 17 00:00:00 2001 From: Florin Pop Date: Sun, 7 Apr 2019 22:24:44 +0300 Subject: [PATCH 6/7] updated project --- Projects/Meme-Generator-App.md | 1 + 1 file changed, 1 insertion(+) diff --git a/Projects/Meme-Generator-App.md b/Projects/Meme-Generator-App.md index dd0bb942..d9524391 100644 --- a/Projects/Meme-Generator-App.md +++ b/Projects/Meme-Generator-App.md @@ -15,6 +15,7 @@ Allow users to generate custom memes by adding text over an image. ## Bonus features +- [ ] User can select the font-family for the text - [ ] User can share the meme on social media (twitter, reddit, facebook, etc) - [ ] User can drag the text around and place it wherever he wants on top of the image - [ ] User can draw shapes on top of the image (circles, rectangles, or free drawing with the mouse) From d944b42827c09cafa54bed18f6d818e0262d6db5 Mon Sep 17 00:00:00 2001 From: jdmedlock Date: Sun, 7 Apr 2019 19:30:58 -0500 Subject: [PATCH 7/7] Feature: Add Shell game app specification Add Shell game app specification Resolves: N/a See also: N/a --- Projects/Shell-Game.md | 53 ++++++++++++++++++++++++++++++++++++++++++ README.md | 1 + 2 files changed, 54 insertions(+) create mode 100644 Projects/Shell-Game.md diff --git a/Projects/Shell-Game.md b/Projects/Shell-Game.md new file mode 100644 index 00000000..0ceadb23 --- /dev/null +++ b/Projects/Shell-Game.md @@ -0,0 +1,53 @@ +# Shell Game + +**Tier:** 3-Advanced + +A Shell game is a classic gambling game that dates back to ancient Greece. +Playing it requires three shells, a pea, hand dexterity by the operator, and +keen observation skills on the part of the player. It's also a classic con +game since its easy for the operator to swindle the player. Thank goodness +the latter isn't our intent with this app. + +This Shell game is intended to provide a graphical interface to the classical +shell game and to provide the player with an honest game to play. Our game +draws three shells on the canvas along with the pea, moves the pea under one, +of the shells, and shuffles the shells for a specific interval of time. The +user must then click on the shell she thinks the pea is hidden under. The user +is allowed to continue guessing until the pea is located. + +## User Stories + +- [ ] User can see the canvas with three shells and the pea. +- [ ] User can click the shell the pea is to be hidden under. +- [ ] User can see the pea move under the shell thats been clicked. +- [ ] User can click on a 'Shuffle' button to start an animated shuffling of +the shells for 5 seconds. +- [ ] User can click on the shell she believes the pea is hidden under when +the animation stops. +- [ ] User can see the shell that has been clicked rise to reveal if the pea +is hidden under it. +- [ ] User can continue clicking shells until the pea is found. +- [ ] User can see a congratulations message when the pea is located +- [ ] User can start a new game by clicking a shell the pea is to be hidden +under (step #2 above). The steps above are then repeated. + +## Bonus features + +- [ ] User can see a score panel containing the number of wins and the +number of games played. +- [ ] User can see the number of games played increase when the pea is hidden +under a shell +- [ ] User can see the number of wins incremented when the pea is found on +the first guess. +- [ ] User can see the shell hiding the pea to animate (color, size, or +some other effect) when it is clicked (a correct guess). + +## Useful links and resources + +- [Shell Game (Wikipedia)](https://en.wikipedia.org/wiki/Shell_game) +- [Javascript HTML DOM Animation](https://www.w3schools.com/js/js_htmldom_animate.asp) +- [p5js Animation Library](https://p5js.org/) + +## Example projects + +[Shell Game](https://codepen.io/RedCactus/pen/dwEjXy) diff --git a/README.md b/README.md index d0741de0..837b73bd 100644 --- a/README.md +++ b/README.md @@ -86,6 +86,7 @@ required to complete them. | [🌟Fast Food Simulator](./Projects/FastFood-App.md) | Fast Food Restaurant Simulator | 3-Advanced | | [GitHub Timeline](./Projects/GitHub-Timeline-App.md) | Generate a timeline of a users GitHub Repos | 3-Advanced | | [Kudos Slackbot](./Projects/Kudos-Slackbot.md) | Give recognition to a deserving peer | 3-Advanced | +| [🌟Shell Game](./Projects/Shell-Game.md) | Animated shell game | 3-Advanced | | [Slack Archiver](./Projects/Slack-Archiver.md) | Archive Slack Messages | 3-Advanced | | [Spell-It App](./Projects/SpellIt-App.md) | A twist on the classic Speak N Spell game | 3-Advanced | | [Survey App](./Projects/Survey-App.md) | Define, conduct, and view a survey | 3-Advanced |