Submitted by: David Salas C.
This web app: This web app is a continuation of Characterization of Invertible Matrices. In this new version I implemented a feature to allow users to guess the answer of the flashcard. It indicates if the answer is right or wrong by chaging the color of the input box. If the answer is seen it disables the input and the button, until switching to the next card.
Time spent: 4 hours spent in total
Link to website: Click Here
The following required functionality is completed:
- The user can enter their guess in a box before seeing the flipside of the card
- Clicking on a submit button shows visual feedback about whether the answer was correct or incorrect
- A back button is displayed on the card and can be used to return to the previous card in a set sequence
- A next button is displayed on the card and can be used to navigate to the next card in a set sequence
The following optional features are implemented:
- A shuffle button is used to randomize the order of the cards
- A user's answer may be counted as correct even when it is slightly different from the target answer
- A counter displays the user's current and longest streak of correct responses
- A user can mark a card that they have mastered and have it removed from the pool of answers as well as added to a list of mastered cards
The following additional features are implemented:
- List anything else that you added to improve the site's functionality!
Here's a walkthrough of implemented user stories:
GIF created with ScreenToGif
Describe any challenges encountered while building the app. I struggled with getting the button and input to disable when answer is seen, turns out I misspled the name of the variable in the App.jsx so it wasn't recognizing it the guessForms.jsx. That was the only issue after I figured that out everything worked fine.
Copyright 2025 David Salas C.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.