The app has a unique icon now, and user can see a clipping circle animation when revealing the answer and the transition animation when going to the next card and adding a new card.
- 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
- Extra styling is added!
- User sees a countdown timer for each question
- User sees a 'card flip' animation when the card is tapped
- User sees a celebration animation with confetti when they answer a question correctly
This is an improved version from Lab 2. Now users can save multiple flashcards and browse through them! To see the next card, click the > icon on the right; to see the previous card, click the < icon on the left. Click the trash bin icon to delete the current card. Note that every new card will be added at the end of the card sequence.
- 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
- User can delete a card and no longer see it in their deck anymore
- Flashcards are shown in random order instead of the order they were created in
- User can edit a card and see the edit saved when they browse through their deck of cards
- User can create flashcards with multiple answers and be able to browse through cards with multiple choice answers shown
This is an improved version from Lab 1. Now it can let user to create his or her own flashcard! User can edit the current default flashcard by clicking on the editting icon or create a brand new one by clicking on the adding icon. If the user doesn't want to change the current card, he or she can click on the cancel icon to get back to the card page. A card without either question or answer cannot be saved.
- User can click on a ‘+’ button that takes the user to new ‘Add Card Screen’
- The 'Add Card Screen' has a cancel button to take the user back to the main screen
- User can enter and submit a Question and Answer through the 'Add Card Screen'
- User will see the card they just created on the main screen when they press the 'Save Button'
- Push your progress to GitHub!
- User can edit a card
- An error message is shown if the user doesn't enter both a Question and an Answer
- A notification is shown if the card was created successfully
- User can also enter multiple choice answers when creating a card
- App is further styled and customized!
It displays a question at first. If you click on the question, the question will disappear, and the answer will show up on the same spot. Click on the eye icon to show multiple choices to this question. When you click on an answer choice, it will turn red if your answer is wrong, and the correct answer will turn green. If your answer is right, only the correct answer will turn green. Click the eye with a slash icon to hide answer choices. If you click on the question side of card, it will flip and show you the answer side. If you click on the answer side, it will turn back to the question side. Click the blank background to de-color all answer choices and flip the card to its question side.
- 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
- toggle the flashcard between the question side and the answer side
- Style the question and answer side of the card to better distinguish between the two sides
- Add selectable multiple choice answers beneath the card
- Change the background color of the multiple choice answers when clicked to indicate whether the question waanswered correctly
- Further customize and style the card