FLASHCARD APP:

## Lab 4

### App Description

### App Walk-though

+

Required

• User sees a transition animation when going from the main screen to the add card screen.
• User sees a reveal animation when the flashcard is tapped and the answer is shown
• User sees flashcards animating in / out when the 'next' button is tapped

Lab 3

App Description: The flashcards are now saved to a database. It will still be there when the app is relaunched. Users can cycle through their cards and delete them.

App Walk-though

https://http://g.recordit.co/aAluus0H9Z.gif
+

Required

• User can create a card and still see their created card when the app is relaunched.
• User can create muliple cards and browse through all created cards

Optional

• User can delete a card and no longer see it in their deck anymore

##Lab 2 App Description Users can now add their own flashcards and save them so they can use it to study.

App Walk-though

<"http://g.recordit.co/6kCz0Ydc1c.gif " width=200>
+ +

##Required
- [X]User can click on a ‘+’ button that takes the user to new ‘Add Card Screen’
- [X]The 'Add Card Screen' has a cancel button to take the user back to the main screen
- [X]User can enter and submit a Question and Answer through the 'Add Card Screen'
- [X]User will see the card they just created on the main screen when they press the 'Save Button'
- [X]Push progress to GitHub!
g

App Walk-though

+

##Optional
- [X]User can edit a card
- [X]An error message is shown if the user doesn't enter both a Question and an Answer
- [X]A notification is shown if the card was created successfully
- [X]User can also enter multiple choice answers when creating a card
- [X]App is further styled and customized!

Lab 1

App Description

Display a question and responds to a user's tap to display the answer to the question.

App Walk-though

<"https://recordit.co/j9s1Muiyby.gif" width=200>
+

Required

• Create New Project in Android Studio
• Add a view for the front side of the flashcard to display the question
• Add a view for the back side of the flashcard to display the answer
• Build in logic to show the answer side when the card is tapped
• Push code to GitHub

Optional

• [X]toggle the flashcard between the question side and the answer side
• [X]Style the question and answer side of the card to better distinguish between the two sides
• [X]Add selectable multiple choice answers beneath the card
• [X]Change the background color of the multiple choice answers when clicked to indicate whether the question was answered correctly
• [X]Further customize and style the card

App Walk-though

<"http://g.recordit.co/6kCz0Ydc1c.gif" width=200>
+