diff --git a/Projects/Battleship-Game-Engine.md b/Projects/Battleship-Game-Engine.md index 94e44c97..255549c2 100644 --- a/Projects/Battleship-Game-Engine.md +++ b/Projects/Battleship-Game-Engine.md @@ -11,10 +11,10 @@ The BGE itself is invoked through a series of function calls rather than through directly coupled end user actions. In this respect using the BGE is is similar to using an API or a series of routes exposed by a web server. -This challenge requires that you develop the BGE and a very thin, text-based +This challenge requires that you develop the BGE and a very thin, text-based presentation layer for testing that's separate from the engine itself. Due to this the User Stories below are divided two sets - one for the BGE and one -for the text-based presentation layer. +for the text-based presentation layer. BGE is responsible for maintaining game state. @@ -22,83 +22,53 @@ BGE is responsible for maintaining game state. ### BGE -- [ ] Caller can invoke a `startGame()` function to begin a 1-player game. This -function will generate an 8x8 game board consisting of 3 ships having a width of -one square and a length of: - * Destroyer: 2 squares - * Cruiser: 3 squares - * Battleship: 4 squares - - `startGame()` will randomly place these ships on the board in any direction - and will return an array representing ship placement. -- [ ] Caller can invoke a `shoot()` function passing the target row and column -coordinates of the targeted cell on the game board. `shoot()` will return -indicators representing if the shot resulted in a hit or miss, the number of -ships left (i.e. not yet sunk), the ship placement array, and an updated hits -and misses array. - - Cells in the hits and misses array will contain a space if they have yet - to be targeted, `O` if they were targeted but no part of a ship was at that - location, or `X` if the cell was occupied by part of a ship. +- [ ] Caller can invoke a `startGame()` function to begin a 1-player game. This function will generate an 8x8 game board consisting of 3 ships having a width of one square and a length of: + + - Destroyer: 2 squares + - Cruiser: 3 squares + - Battleship: 4 squares + + `startGame()` will randomly place these ships on the board in any direction and will return an array representing ship placement. + +- [ ] Caller can invoke a `shoot()` function passing the target row and column coordinates of the targeted cell on the game board. `shoot()` will return indicators representing if the shot resulted in a hit or miss, the number of ships left (i.e. not yet sunk), the ship placement array, and an updated hits and misses array. + + Cells in the hits and misses array will contain a space if they have yet to be targeted, `O` if they were targeted but no part of a ship was at that location, or `X` if the cell was occupied by part of a ship. ### Text-based Presentation Layer -- [ ] User can see the hits and misses array displayed as a 2 dimensional -character represention of the game board returned by the `startGame()` function. -- [ ] User can be promted to enter the coordinates of a target square on the -game board. -- [ ] User can see an updated hits and misses array display after taking a -shot. -- [ ] User can see a message after each shot indicating whether the shot -resulted in a hit or miss. -- [ ] User can see an congratulations message after the shot that sinks the -last remaining ship. -- [ ] User can be prompted to play again at the end of each game. Declining -to play again stops the game. +- [ ] User can see the hits and misses array displayed as a 2 dimensional character representation of the game board returned by the `startGame()` function. +- [ ] User can be prompted to enter the coordinates of a target square on the game board. +- [ ] User can see an updated hits and misses array display after taking a shot. +- [ ] User can see a message after each shot indicating whether the shot resulted in a hit or miss. +- [ ] User can see an congratulations message after the shot that sinks the last remaining ship. +- [ ] User can be prompted to play again at the end of each game. Declining to play again stops the game. ## Bonus features ### BGE -- [ ] Caller can specify the number of rows and columns in the game board as -a parameter to the `startGame()` function. -- [ ] Caller can invoke a `gameStats()` function that returns a Javascript -object containing metrics for the current game. For example, number of turns -played, current number of hits and misses, etc. -- [ ] Caller can specify the number of players (1 or 2) when calling -`startGame()` which will generate one board for each player randomly populated -with ships. +- [ ] Caller can specify the number of rows and columns in the game board as a parameter to the `startGame()` function. +- [ ] Caller can invoke a `gameStats()` function that returns a Javascript object containing metrics for the current game. For example, number of turns played, current number of hits and misses, etc. +- [ ] Caller can specify the number of players (1 or 2) when calling `startGame()` which will generate one board for each player randomly populated with ships. - `shoot()` will accept the player number the shot is being made for along with -the coordinates of the shot. The data it returns will be for that player. + `shoot()` will accept the player number the shot is being made for along with the coordinates of the shot. The data it returns will be for that player. ### Text-based Presentation Layer -- [ ] User can see the current game statics at any point by entering the -phrase `stats` in place of target coordinates. (Note that this requires -the `gameStats()` function in the BGE) -- [ ] User can specify a two player game is to be played, with each player -alternating turns in the same terminal session (Note that this requires -cooresponding Bonus Features in the BGE) -- [ ] User can see the player number in prompts associated with the inputs in -each turn. +- [ ] User can see the current game statics at any point by entering the phrase `stats` in place of target coordinates. (Note that this requires the `gameStats()` function in the BGE) +- [ ] User can specify a two player game is to be played, with each player alternating turns in the same terminal session (Note that this requires corresponding Bonus Features in the BGE) +- [ ] User can see the player number in prompts associated with the inputs in each turn. - [ ] User can see both players boards at the end of each turn. -## Project Board - -You can track your progress by cloning this [TBD](url-goes-here) - ## Useful links and resources -- [Battleship Game (Wikipedia)](https://en.wikipedia.org/wiki/Battleship_(game)) -- [Battleship Game Rules (Hasbro)](https://www.hasbro.com/common/instruct/battleship.pdf) +- [Battleship Game (Wikipedia)]() +- [Battleship Game Rules (Hasbro)](https://www.hasbro.com/common/instruct/battleship.pdf) ## Example projects -This YouTube video shows how a text-based -[Battleship Game](https://www.youtube.com/watch?v=TKksu3JXTTM) is played. +This YouTube video shows how a text-based [Battleship Game](https://www.youtube.com/watch?v=TKksu3JXTTM) is played. + +The following example is provided as a demonstration of the Battleship game if it is unfamiliar to you. Remember you are to implement a text based presentation layer for testing. -The following example is provided as a demonstration of the Battleship game -if it is unfamiliar to you. Remember you are to implement a text based -presentation layer for testing. -[Battleship Game by Chris Brody](https://codepen.io/CodifyAcademy/pen/ByBEOz) +- [Battleship Game by Chris Brody](https://codepen.io/CodifyAcademy/pen/ByBEOz) diff --git a/Projects/Bin2Dec-App.md b/Projects/Bin2Dec-App.md index a62de817..f92dcb73 100644 --- a/Projects/Bin2Dec-App.md +++ b/Projects/Bin2Dec-App.md @@ -23,17 +23,12 @@ constraints: - [ ] User can enter up to 8 binary digits in one input field - [ ] User must be notified if anything other than a 0 or 1 was entered -- [ ] User views the results in a single output field containing the - decimal (base 10) equivalent of the the binary number that was entered +- [ ] User views the results in a single output field containing the decimal (base 10) equivalent of the the binary number that was entered ## Bonus features - [ ] User can enter a variable number of binary digits -## Trello Board - -You can track your progress by cloning this [Trello Board](https://trello.com/b/4jB05S2L/bin2dec) - ## Useful links and resources [Binary number system](https://en.wikipedia.org/wiki/Binary_number) diff --git a/Projects/Book-Finder-App.md b/Projects/Book-Finder-App.md index 7753ee9f..afed9f06 100644 --- a/Projects/Book-Finder-App.md +++ b/Projects/Book-Finder-App.md @@ -16,10 +16,6 @@ Create an application that will allow users to search for books by entering a qu - [ ] Implement a Responsive Design - [ ] Add loading animations -## Trello Board - -You can track your progress by cloning this [Trello Board](https://trello.com/b/mmXLDSEO/book-finder-app) - ## Useful links and resources You can use the [Google Books API](https://developers.google.com/books/docs/overview) diff --git a/Projects/Card-Memory-Game.md b/Projects/Card-Memory-Game.md index b6b6e91e..81cd3f0c 100644 --- a/Projects/Card-Memory-Game.md +++ b/Projects/Card-Memory-Game.md @@ -21,10 +21,6 @@ When the User clicks on the 2nd card: - [ ] Use can choose between multiple levels of difficulty (Easy, Medium, Hard). Increased difficulty means: decreasing the time available to complete and/or increasing the number of cards - [ ] User can see the game statistics (nr. of times he won / he lost, best time for each level) -## Project Board - -You can track your progress by cloning this [TBD](url-goes-here) - ## Useful links and resources - [Wikipedia]() diff --git a/Projects/Cause-Effect-App.md b/Projects/Cause-Effect-App.md index eab12c47..d6659343 100644 --- a/Projects/Cause-Effect-App.md +++ b/Projects/Cause-Effect-App.md @@ -7,53 +7,50 @@ reusable components in program logic. However, patterns aren't used only for program logic, they are exist in other domains such as DevOps, user support, and the user interface. -A common user interface pattern is to summarize data in one section of a page +A common user interface pattern is to summarize data in one section of a page that consists of some type of list (like text, images, or icons) that describes or categorizes a set of data. When a list item is clicked, the detailed data -behind it is displayed in an adjacent pane on the page. +behind it is displayed in an adjacent pane on the page. For example, on a real estate site clicking an address in a list of properties -for sale displays the details about the property in another part of the +for sale displays the details about the property in another part of the page. This challenge requires that the developer implementing it follow these constraints: -- You are responsible for creating your own test data. Use a hardcoded -Javascript object to define your test data (see below). -- Use only native HTML/CSS/Javascript in your first version of this app -- You may use other packages or libraries when implementing subsequent -versions. +- You are responsible for creating your own test data. Use a hardcoded + Javascript object to define your test data (see below). +- Use only native HTML/CSS/Javascript in your first version of this app +- You may use other packages or libraries when implementing subsequent + versions. ## User Stories - [ ] User can see a list of person names arranged vertically in a summary -pane on the page. + pane on the page. - [ ] User can click on a name in the list to update an adjacent pane on the -page with that individuals full name, address, telephone number, and -birthday. + page with that individuals full name, address, telephone number, and + birthday. - [ ] User can click on another name in the list to refresh the detail pane -with that individuals information. + with that individuals information. ## Bonus features - [ ] User can see the person name in the summary pane highlighted when the -cursor is hovered over it. + cursor is hovered over it. - [ ] User can see the person name in the summary pane highlighted -using a selection effect (color, size, etc.) when it is clicked. This is a -different effect from the hover effect + using a selection effect (color, size, etc.) when it is clicked. This is a + different effect from the hover effect - [ ] User can see the selection effect removed from a name in the summary -list when a new name is clicked. - -## Trello Board - -You can track your progress by cloning this [Trello Board](https://trello.com/b/vpQLj2XN/causeeffect) + list when a new name is clicked. ## Useful links and resources -- [DOM Events](https://developer.mozilla.org/en-US/docs/Web/API/Event) -- Consider defining your test data in a JavaScript object having a format -such as this: +- [DOM Events](https://developer.mozilla.org/en-US/docs/Web/API/Event) +- Consider defining your test data in a JavaScript object having a format + such as this: + ``` const people = [ {name: "...", street: "...", city: "...", state: "...", country: "...", telephone: "...", birthday: "..."}, diff --git a/Projects/Chat-App.md b/Projects/Chat-App.md index 88895fd4..6c032eb4 100644 --- a/Projects/Chat-App.md +++ b/Projects/Chat-App.md @@ -22,10 +22,6 @@ As a MVP(Minimum Viable Product) you can focus on building the Chat interface. R - [ ] Users can chat in private - [ ] Users can join `channels` on specific topics -## Project Board - -You can track your progress by cloning this [TBD](url-goes-here) - ## Useful links and resources - [Socket.io](https://socket.io) diff --git a/Projects/Christmas-Lights-App.md b/Projects/Christmas-Lights-App.md index b2a7bdae..739df589 100644 --- a/Projects/Christmas-Lights-App.md +++ b/Projects/Christmas-Lights-App.md @@ -23,10 +23,6 @@ displayed during the Christmas Holidays. - [ ] User can specify the number of rows to be included in the display. From one to seven rows can be chosen -## Trello Board - -You can track your progress by cloning this [Trello Board](https://trello.com/b/tSWBdyMC/christmas-lights) - ## Useful links and resources - [Sample Image](https://previews.123rf.com/images/whiterabbit/whiterabbit1003/whiterabbit100300020/6582600-seven-color-balls-red-orange-yellow-green-cyan-blue-and-magenta-in-a-row-on-a-white-background.jpg) diff --git a/Projects/Color-Cycle-App.md b/Projects/Color-Cycle-App.md index 1c9042b1..888a9024 100644 --- a/Projects/Color-Cycle-App.md +++ b/Projects/Color-Cycle-App.md @@ -32,10 +32,6 @@ an RGB color specification (e.g. `#000000` color code). - [ ] User can change the time interval between color changes - [ ] User can specify the color encoding format used from RGB to another format like HSL -## Trello Board - -You can track your progress by cloning this [Trello Board](https://trello.com/b/ma9stKn2/color-cycle) - ## Useful links and resources [CSS Color Codes](https://www.quackit.com/css/css_color_codes.cfm) diff --git a/Projects/FlashCards-App.md b/Projects/FlashCards-App.md index db9bedd4..981fae38 100644 --- a/Projects/FlashCards-App.md +++ b/Projects/FlashCards-App.md @@ -2,51 +2,48 @@ **Tier:** 2-Intermediate -FlashCards are a time tested technique used by students to review and test -their knowledge on a particular subject. +FlashCards are a time tested technique used by students to review and test +their knowledge on a particular subject. This app is based on a knowledge base of questions and answers about a -particular subject and randomly displays a card with the question and multiple +particular subject and randomly displays a card with the question and multiple answers. The objective is for the user to select the correct answer(s). ## User Stories -- [ ] User can see a single card, randomly picked from the "deck" displayed -at any point in time +- [ ] User can see a single card, randomly picked from the "deck" displayed + at any point in time - [ ] User can see a question on the card and a list of four possible answers, -each of which is identified by a letter. + each of which is identified by a letter. - [ ] User can select an answer by clicking on it - [ ] User can see an error displayed when the wrong answer is selected - [ ] User can see a congratulations message when the correct answer is -selected. + selected. - [ ] User can click a 'Next Question' button to display the next flash card. ### Additional Info for the Developer -- For this app the knowledge base of questions and answers should be encoded in -a JavaScript object. -- The possible answers display on each card should be randomly chosen from -other flashcards. + +- For this app the knowledge base of questions and answers should be encoded in + a JavaScript object. +- The possible answers display on each card should be randomly chosen from + other flashcards. ## Bonus features -- [ ] User can click a 'Results' button to display the tallies of -correct and incorrect answers. +- [ ] User can click a 'Results' button to display the tallies of + correct and incorrect answers. - [ ] User can click a 'Reset' button to reset the tallies of correct -and incorrect answers. -- [ ] User can click a 'Shuffle' button to re-randomize the "deck" + and incorrect answers. +- [ ] User can click a 'Shuffle' button to re-randomize the "deck" - [ ] User can click a 'More Info' button to flip the flash card to see -additional information. For example, detailed information about the subject -of the question on the front of the card. - -## Trello Board - -You can track your progress by cloning this [Trello Board](https://trello.com/b/ukYNkNj0/flashcards) + additional information. For example, detailed information about the subject + of the question on the front of the card. ## Useful links and resources The definitive source for HTML/CSS/Javascript is [MDN](https://developer.mozilla.org/en-US/) -Example Javascript questions and answers can be found at +Example Javascript questions and answers can be found at [Brainscape](https://www.brainscape.com/subjects/javascript). ## Example projects diff --git a/Projects/Flip-Image-App.md b/Projects/Flip-Image-App.md index 76deb94f..827df6e8 100644 --- a/Projects/Flip-Image-App.md +++ b/Projects/Flip-Image-App.md @@ -25,10 +25,6 @@ Image packages and libraries are not allowed. - [ ] User can display the new image by clicking a 'Display' button next to the input field - [ ] User can see an error message if the new images URL is not found -## Trello Board - -You can track your progress by cloning this [Trello Board](https://trello.com/b/QCl64Zc1/flip-image) - ## Useful links and resources - [How to Flip an Image](https://www.w3schools.com/howto/howto_css_flip_image.asp) diff --git a/Projects/GitHub-Timeline-App.md b/Projects/GitHub-Timeline-App.md index d25d1c9a..dd2ab8d4 100644 --- a/Projects/GitHub-Timeline-App.md +++ b/Projects/GitHub-Timeline-App.md @@ -4,28 +4,28 @@ API's and graphical representation of information are hallmarks of modern web applications. GitHub Timeline combines the two to create a visual history -of a users GitHub activity. +of a users GitHub activity. The goal of GitHup Timeline is accept a GitHub user name and produce a timeline containing each repo and annotated with the repo names, the date -they were created, and their descriptions. The timeline should be one that +they were created, and their descriptions. The timeline should be one that could be shared with a prospective employer. It should be easy to read and make effective use of color and typography. -Only public GitHub repos should be displayed. +Only public GitHub repos should be displayed. ## User Stories -- [ ] User can enter a GitHub user name +- [ ] User can enter a GitHub user name - [ ] User can click a 'Generate' button to create and display the named -users repo timeline + users repo timeline - [ ] User can see a warning message if the GitHub user name is not a valid -GitHub user name. + GitHub user name. ## Bonus features - [ ] User can see a summary of the number of repos tallied by the year they -were created + were created ## Useful links and resources @@ -34,25 +34,22 @@ to use an NPM package to access the GitHub API. Documentation for the GitHub API can be found at: -- [GitHub REST API V3](https://developer.github.com/v3/) -- [GitHub GraphQL API V4](https://developer.github.com/v4/) +- [GitHub REST API V3](https://developer.github.com/v3/) +- [GitHub GraphQL API V4](https://developer.github.com/v4/) Sample code showing how to use the GitHub API's are: -- [GitHub REST API client for JavaScript ](https://github.com/octokit/rest.js/) -- [GitHub GraphQL API client for browsers and Node](https://github.com/octokit/graphql.js) +- [GitHub REST API client for JavaScript ](https://github.com/octokit/rest.js/) +- [GitHub GraphQL API client for browsers and Node](https://github.com/octokit/graphql.js) You can use this CURL command to see the JSON returned by the V3 REST API for your repos: + ``` curl -u "user-id" https://api.github.com/users/user-id/repos ``` -## Trello Board - -You can track your progress by cloning this [Trello Board](https://trello.com/b/xk07bnhM/github-timeline) - ## Example projects -- [CSS Timeline](https://codepen.io/NilsWe/pen/FemfK) -- [Building a Vertical Timeline With CSS and a Touch of JavaScript](https://codepen.io/tutsplus/pen/QNeJgR) \ No newline at end of file +- [CSS Timeline](https://codepen.io/NilsWe/pen/FemfK) +- [Building a Vertical Timeline With CSS and a Touch of JavaScript](https://codepen.io/tutsplus/pen/QNeJgR) diff --git a/Projects/Kudos-Slackbot.md b/Projects/Kudos-Slackbot.md index 6f0929ac..0ab99137 100644 --- a/Projects/Kudos-Slackbot.md +++ b/Projects/Kudos-Slackbot.md @@ -32,10 +32,6 @@ efforts and to make it available through a simple Slack command. - [ ] User may list the individual having the most kudos, in descending order, user the Slack command: `/kudo top ` where `n` is an integer or `*` for all individuals who have received a kudo -## Trello Board - -You can track your progress by cloning this [Trello Board](https://trello.com/b/bYzRZwIw/kudos-slackbot) - ## Useful links and resources - [Slack API](https://api.slack.com/) diff --git a/Projects/Lorem-Ipsum-Generator.md b/Projects/Lorem-Ipsum-Generator.md index 453fe1b0..f2c5e1ec 100644 --- a/Projects/Lorem-Ipsum-Generator.md +++ b/Projects/Lorem-Ipsum-Generator.md @@ -10,10 +10,6 @@ This app should generate passages of lorem ipsum text suitable for use as placeh - [ ] User can type into an input field the number of paragraphs of lorem ipsum to be generated - [ ] Use can see the generated paragraphs of lorem ipsum and is able to copy them -## Bonus features - -- [ ] User can select the units which will be generated: **words**, **sentences** or **paragraphs** - ## Trello Board You can track your progress by cloning this [Trello Board](https://trello.com/b/T0xA0Glj/lorem-ipsum-generator) diff --git a/Projects/Markdown-Previewer.md b/Projects/Markdown-Previewer.md index 8ad341a6..de500d64 100644 --- a/Projects/Markdown-Previewer.md +++ b/Projects/Markdown-Previewer.md @@ -15,10 +15,6 @@ Convert Github flavored markdown into HTML code. - [ ] When closing the browser window the markdown formatted text will be stored in `localStorage` and when the User returns, the data will be retrieved and displayed - [ ] User can click a button and the content of the box is saved to the `clipboard` -## Trello Board - -You can track your progress by cloning this [Trello Board](https://trello.com/b/LfE51Ff6/markdown-previewer) - ## Useful links and resources - [localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) diff --git a/Projects/Markdown-Table-Generator.md b/Projects/Markdown-Table-Generator.md index 0a2d5a43..dfa0643e 100644 --- a/Projects/Markdown-Table-Generator.md +++ b/Projects/Markdown-Table-Generator.md @@ -18,10 +18,6 @@ Create an application that will convert a regular table with data provided by th - [ ] User can delete a **Row** or a **Column** entirely - [ ] User can align (to the _left_, _right_ or _center_) a **cell**, a **column**, a **row**, or the entire **table** -## Trello Board - -You can track your progress by cloning this [Trello Board](https://trello.com/b/Nrld5Fmn/markdown-table-generator) - ## Useful links and resources - [Markdown Guide](https://www.markdownguide.org/) diff --git a/Projects/Notes-App.md b/Projects/Notes-App.md index 04ff48b9..f88e76df 100644 --- a/Projects/Notes-App.md +++ b/Projects/Notes-App.md @@ -16,10 +16,6 @@ Create and store your notes for later purpose! - [ ] User can create and edit a note in Markdown format. On save it will convert Markdown to HTML - [ ] User can see the date when he created the note -## Trello Board - -You can track your progress by cloning this [Trello Board](https://trello.com/b/qvmDjoP3/notes-app) - ## Useful links and resources - [localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) diff --git a/Projects/Pomodoro-Clock.md b/Projects/Pomodoro-Clock.md index 71536daf..cc11bb0f 100644 --- a/Projects/Pomodoro-Clock.md +++ b/Projects/Pomodoro-Clock.md @@ -16,10 +16,6 @@ The Pomodoro Technique is a time management method developed by Francesco Cirill - [ ] User can change / customize the minutes in both sessions before starting - [ ] User can set a **long break** session of 10 minutes. This will be activated every 4th **break** session -## Trello Board - -You can track your progress by cloning this [Trello Board](https://trello.com/b/hLevRg1P/pomodoro-clock) - ## Useful links and resources - More about the [Pomodoro Technique](https://en.m.wikipedia.org/wiki/Pomodoro_Technique) diff --git a/Projects/Roman-to-Decimal-Converter.md b/Projects/Roman-to-Decimal-Converter.md index 16a1fe74..1aadbd1a 100644 --- a/Projects/Roman-to-Decimal-Converter.md +++ b/Projects/Roman-to-Decimal-Converter.md @@ -27,10 +27,6 @@ See the below table the _Symbol - Value_ pairs: - [ ] User could see the conversion to be made automatically as I type - [ ] User should be able to convert from decimal to Roman (vice-versa) -## Trello Board - -pending... - ## Useful links and resources - [An explanation of Roman Numbers](https://en.wikipedia.org/wiki/Roman_numerals) diff --git a/Projects/Slack-Archiver.md b/Projects/Slack-Archiver.md index 05c27f8b..a9cd97be 100644 --- a/Projects/Slack-Archiver.md +++ b/Projects/Slack-Archiver.md @@ -35,10 +35,6 @@ development of this application. - [ ] Implememnt an API that allows an application to extract archived messages from the archive database -## Trello Board - -You can track your progress by cloning this [Trello Board](https://trello.com/b/yqsaX7fy/slack-archiver) - ## Useful links and resources Details of the Slack API can be found [here](https://api.slack.com/). diff --git a/Projects/Slider-Design.md b/Projects/Slider-Design.md index 59fb25c7..3ee5f4a6 100644 --- a/Projects/Slider-Design.md +++ b/Projects/Slider-Design.md @@ -15,10 +15,6 @@ Display multiple images using a slider / carousel. - [ ] Add text over the slides - [ ] Create a 3D effect -## Trello Board - -You can track your progress by cloning this [Trello Board](https://trello.com/b/3yPOCs1R/slider-design) - ## Useful links and resources - [Unsplash](https://unsplash.com/) for free images diff --git a/Projects/SpellIt-App.md b/Projects/SpellIt-App.md index b9d1d269..a3d76eb8 100644 --- a/Projects/SpellIt-App.md +++ b/Projects/SpellIt-App.md @@ -2,7 +2,7 @@ **Tier:** 3-Advanced -Knowing how to spell is a fundamental part of being fluent in any language. +Knowing how to spell is a fundamental part of being fluent in any language. Whether you are a youngster learning how to spell or an individual learning a new language being able to practice helps to solidify your language skills. @@ -13,35 +13,31 @@ recording of a word the user must then spell using the computer keyboard. - [ ] User can click the 'Play' button to hear the word that's to be entered - [ ] User can see letters displayed in the word input text box as they are -entered on the keyboard -- [ ] User can click the 'Enter' button to submit the word that has been -typed in the word input text box + entered on the keyboard +- [ ] User can click the 'Enter' button to submit the word that has been + typed in the word input text box - [ ] User can see a confirmation message when the correct word is typed - [ ] User can see a message requesting the word be typed again when it is -spellect incorrectly + spellect incorrectly - [ ] User can see a tally of the number of correct spellings, total number -of words attempted, and a percentage of successful entries. + of words attempted, and a percentage of successful entries. ## Bonus features - [ ] User can hear an confirmation sound when the word is correctly spelled - [ ] User can hear a warning sound when the word is incorrectly spelled -- [ ] User can click the 'Hint' button to highlight the incorrect letters -in the word input text box +- [ ] User can click the 'Hint' button to highlight the incorrect letters + in the word input text box - [ ] User can press the 'Enter' key on the keyboard to submit a typed word -or click the 'Enter' button in the app window - -## Trello Board - -You can track your progress by cloning this [Trello Board](https://trello.com/b/Jf3yOiaJ/spell-it) + or click the 'Enter' button in the app window ## Useful links and resources -- [Texas Instruments Speak and Spell](https://en.wikipedia.org/wiki/Speak_%26_Spell_(toy)) -- [Web Audio API](https://codepen.io/2kool2/pen/RgKeyp) -- [Click and Speak](https://codepen.io/shangle/pen/Wvqqzq) +- [Texas Instruments Speak and Spell]() +- [Web Audio API](https://codepen.io/2kool2/pen/RgKeyp) +- [Click and Speak](https://codepen.io/shangle/pen/Wvqqzq) ## Example projects -- [Speak N Spell on Google Play](https://play.google.com/store/apps/details?id=au.id.weston.scott.SpeakAndSpell&hl=en_US) -- [Word Wizard for iOS](https://itunes.apple.com/app/id447312716) +- [Speak N Spell on Google Play](https://play.google.com/store/apps/details?id=au.id.weston.scott.SpeakAndSpell&hl=en_US) +- [Word Wizard for iOS](https://itunes.apple.com/app/id447312716) diff --git a/Projects/String-Art.md b/Projects/String-Art.md index 362a7382..bde9d4e3 100644 --- a/Projects/String-Art.md +++ b/Projects/String-Art.md @@ -27,10 +27,6 @@ Animation libraries are not allowed. Use only Vanilla HTML/CSS/JavaScript. - [ ] User can specify the length of the line and it's velocity - [ ] User can specify the multiple lines within the window, all moving along different trajectories and velocities -## Trello Board - -You can track your progress by cloning this [Trello Board](https://trello.com/b/1pyCZmkb/string-art) - ## Useful links and resources - [Using Multistep Animations & Transitions](https://css-tricks.com/using-multi-step-animations-transitions/) diff --git a/Projects/Survey-App.md b/Projects/Survey-App.md index bfc799c3..3a1a2133 100644 --- a/Projects/Survey-App.md +++ b/Projects/Survey-App.md @@ -8,17 +8,17 @@ satisfaction, requirements, upcoming needs, issues, priorities, and just plain aggravations to name a few. The Survey app gives you the opportunity to learn by developing a full-featured -app that will you can add to your toolbox. It provides the ability to define a -survey, allow users to respond within a predefined timeframe, and tablulate +app that will you can add to your toolbox. It provides the ability to define a +survey, allow users to respond within a predefined timeframe, and tablulate and present results. Users of this app are divided into two distinct roles, each having different requirements: -- _Survey Coordinators_ define and conduct surveys. This is an administrative -function not available to normal users. -- _Survey Respondents_ Complete surveys and view results. They have no -administrative privileges within the app. +- _Survey Coordinators_ define and conduct surveys. This is an administrative + function not available to normal users. +- _Survey Respondents_ Complete surveys and view results. They have no + administrative privileges within the app. Commercial survey tools include distribution functionality that mass emails surveys to Survey Respondents. For simplicity, this app assumes that surveys @@ -27,42 +27,49 @@ open for responses will be accessed from the app's web page. ## User Stories ### General -- [ ] Survey Coordinators and Survey Respondents can define, conduct, and -view surveys and survey results from a common website -- [ ] Survey Coordinators can login to the app to access administrative -functions, like defining a survey. + +- [ ] Survey Coordinators and Survey Respondents can define, conduct, and + view surveys and survey results from a common website +- [ ] Survey Coordinators can login to the app to access administrative + functions, like defining a survey. + ### Defining a Survey -- [ ] Survey Coordinator can define a survey containing 1-10 multiple choice -questions. -- [ ] Survey Coordinator can define 1-5 mutually exclusive selections to each -question. + +- [ ] Survey Coordinator can define a survey containing 1-10 multiple choice + questions. +- [ ] Survey Coordinator can define 1-5 mutually exclusive selections to each + question. - [ ] Survey Coordinator can enter a title for the survey. - [ ] Survey Coordinator can click a 'Cancel' button to return to the home -page without saving the survey. + page without saving the survey. - [ ] Survey Coordinator can click a 'Save' button save a survey. + ### Conducting a Survey + - [ ] Survey Coordinator can open a survey by selecting a survey from a -list of previously defined surveys + list of previously defined surveys - [ ] Survey Coordinators can close a survey by selecting it from a list of -open surveys + open surveys - [ ] Survey Respondent can complete a survey by selecting it from a list of -open surveys -- [ ] Survey Respondent can select responses to survey questions by clicking -on a checkbox -- [ ] Survey Respondents can see that a previously selected response will -automatically be unchecked if a different response is clicked. + open surveys +- [ ] Survey Respondent can select responses to survey questions by clicking + on a checkbox +- [ ] Survey Respondents can see that a previously selected response will + automatically be unchecked if a different response is clicked. - [ ] Survey Respondents can click a 'Cancel' button to return to the home -page without submitting the survey. + page without submitting the survey. - [ ] Survey Respondents can click a 'Submit' button submit their responses -to the survey. + to the survey. - [ ] Survey Respondents can see an error message if 'Submit' is clicked, -but not all questions have been responded to. + but not all questions have been responded to. + ### Viewing Survey Results -- [ ] Survey Coordinators and Survay Respondents can select the survey to -display from a list of closed surveys + +- [ ] Survey Coordinators and Survay Respondents can select the survey to + display from a list of closed surveys - [ ] Survey Coordinators and Survey Respondents can view survey results as -in tabular format showing the number of responses for each of the possible -selections to the questions. + in tabular format showing the number of responses for each of the possible + selections to the questions. ## Bonus features @@ -70,21 +77,19 @@ selections to the questions. - [ ] Survey Respondents can login to the app - [ ] Survey Respondents cannot complete the same survey more than once - [ ] Survey Coordinators and Survey Respondents can view graphical -representations of survey results (e.g. pie, bar, column, etc. charts) - -## Project Board - -You can track your progress by cloning this [TBD](url-goes-here) + representations of survey results (e.g. pie, bar, column, etc. charts) ## Useful links and resources Libraries for building surveys: -- [SurveyJS](https://surveyjs.io/Overview/Library/) + +- [SurveyJS](https://surveyjs.io/Overview/Library/) Some commercial survey services include: -- [Survey Monkey](https://www.surveymonkey.com/) -- [Traversy](https://youtu.be/SSDED3XKz-0) -- [Typeform](https://www.typeform.com/) + +- [Survey Monkey](https://www.surveymonkey.com/) +- [Traversy](https://youtu.be/SSDED3XKz-0) +- [Typeform](https://www.typeform.com/) ## Example projects diff --git a/Projects/Timezone-Slackbot.md b/Projects/Timezone-Slackbot.md index 319bed42..b943555b 100644 --- a/Projects/Timezone-Slackbot.md +++ b/Projects/Timezone-Slackbot.md @@ -29,10 +29,6 @@ implemented a more pleasing and user-friendly format may be used. - [ ] User can see the persons timezone displayed next to their name. For example, 'IST' for India Standard Time -## Trello Board - -You can track your progress by cloning this [Trello Board](https://trello.com/b/HcMP9WSY/timezone-slackbot) - ## Useful links and resources More information about timezones can be found [here](https://www.timeanddate.com/time/current-number-time-zones.html) diff --git a/Projects/To-Do-App.md b/Projects/To-Do-App.md index df38bf50..58a24a1f 100644 --- a/Projects/To-Do-App.md +++ b/Projects/To-Do-App.md @@ -19,10 +19,6 @@ The clasic To-Do application where a user can write down all the things he wants - [ ] User can see the date when he created the to-do - [ ] When closing the browser window the to-do's will be stored and when the User returns, the data will be retrieved -## Trello Board - -You can track your progress by cloning this [Trello Board](https://trello.com/b/uLMzyrql/to-do-app) - ## Useful links and resources - [localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) diff --git a/Projects/True-or-False-App.md b/Projects/True-or-False-App.md index 8666c14f..8465dab8 100644 --- a/Projects/True-or-False-App.md +++ b/Projects/True-or-False-App.md @@ -25,10 +25,6 @@ the `eval()` function to generate the result of the conditional. - [ ] User can specify the type of each of the two strings so numbers can be compared to strings, strings to booleans, etc -## Trello Board - -You can track your progress by cloning this [Trello Board](https://trello.com/b/opv2KRXy/true-or-false) - ## Useful links and resources - [Comparison Operators](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators) diff --git a/Projects/Windchill-App.md b/Projects/Windchill-App.md index a6ac9683..626c44be 100644 --- a/Projects/Windchill-App.md +++ b/Projects/Windchill-App.md @@ -19,10 +19,6 @@ temperature. - [ ] User will be prompted to enter new data values if `Calculate` is pressed without first changing at least one of the input fields - [ ] User will see an updated wind chill factor whenever new actual temperature or wind speed values are entered, without being required to click the `Calculate` button -## Trello Board - -You can track your progress by cloning this [Trello Board](https://trello.com/b/qyxlrbMU/windchill) - ## Useful links and resources - [Wikipedia Wind Chill](https://en.wikipedia.org/wiki/Wind_chill)