The task of this assignment was to create a dynamic multiple choice quiz. This quiz consisted of the following features:
-
Expiration Timer
-
Subtracted time for selecting the wrong answer(s)
-
Smooth Transition between Questions
-
A Score Keeper
-
An input for users to enter in there intials and score that will be stored
- Design/Layout - I spent a great deal of time trying to create an acceptable asethic for this quiz. Below I have an image of the inital design, followed up with the active design that I have currently. My goal was to create something unique/original. Also I had an issues trying to implement Bootstrap buttons and badges, and that lead me to incorporate a Bootstrap card design.
Intial Design
Current Design
- Functionality - The questions/answers array, the timer/start timer and local storage functions where very challenging. I did alot of trial and error with documentation that I researched along with implementing things we learned from our daily activities.
Here's a snapshot of some code of the questions functionalities, I was trying to figure out. I felt like I was on the right track, but I became frustrated with not finding the solutions.
Trying to implement the activity timer functionality
- The biggest challenge was managing my frustration and not navigating accordingly, to get the desired results I wanted. I was going back and forth changing "div" classed and id's from the HTML file and targeting them appropriately on with my JavaScript file.
This assignment was very challenging, I did the best I could. To be honest, I would say I was very confused going into this project, which resulted in a lack of confidence to find the solutions I needed.
I did plan things out the best I could. I created a outline of the project with the questions and some psuedo code outline.
Ernest Wesson
MIT License
Copyright (c) [2020] [Ernest Wesson]
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.