Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ajmal, Oscar, Andreas, Annika Redux-Quiz #105

Open
wants to merge 36 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
36 commits
Select commit Hold shift + click to select a range
d940aac
added components and questions
PerErikAndreas Apr 12, 2023
fcefeb4
added components
PerErikAndreas Apr 12, 2023
bce3535
added stuf and new components
PerErikAndreas Apr 12, 2023
416d7b8
adde component
PerErikAndreas Apr 12, 2023
7a876a1
Co-authored-by: Ajmal Zahir <[email protected]>
PerErikAndreas Apr 12, 2023
60fba67
added footer
PerErikAndreas Apr 13, 2023
f70e0f8
got quizover to display and work
AnnikaSonnek Apr 13, 2023
22b3920
added comments
AnnikaSonnek Apr 13, 2023
a639886
added styled components
PerErikAndreas Apr 13, 2023
578541c
added styling to footer
PerErikAndreas Apr 13, 2023
e1b1fdc
added styling to welcome
PerErikAndreas Apr 13, 2023
154abe2
changed in QuizOver
AnnikaSonnek Apr 13, 2023
e432420
linebreak-style
AnnikaSonnek Apr 13, 2023
2d1a526
Merge branch 'master' into annika
AnnikaSonnek Apr 13, 2023
bae3cde
fixed restart quiz-button to go to WelcomePage instead of Q1
AnnikaSonnek Apr 13, 2023
3d9513f
added comments /annika
AnnikaSonnek Apr 13, 2023
b24cbde
tried out some styling
PerErikAndreas Apr 13, 2023
55037e1
changed thing in comment
AnnikaSonnek Apr 14, 2023
2f23fbc
Merge branch 'master' of https://github.com/PerErikAndreas/project-re…
AnnikaSonnek Apr 14, 2023
eead4f8
testing
AnnikaSonnek Apr 14, 2023
2a4a2df
added buttons
AjmalZ Apr 14, 2023
5d89e6b
Merge branch 'master' into Ajmal
AjmalZ Apr 14, 2023
354b0b3
tog bort restartfunktionen
AnnikaSonnek Apr 14, 2023
a67d782
added television png in images folder
AnnikaSonnek Apr 14, 2023
031b5e2
Merge branch 'master' into annika
AnnikaSonnek Apr 14, 2023
3b835e2
added startoverquizbuttonpath
PerErikAndreas Apr 14, 2023
9e628b6
tried to add effect on answerbutton
PerErikAndreas Apr 14, 2023
90e1ca6
added changebutton
PerErikAndreas Apr 14, 2023
b11d8d2
added styles of text
AnnikaSonnek Apr 14, 2023
e7cff6d
changed button
AnnikaSonnek Apr 14, 2023
2e34fbe
Merge branch 'master' into annika
AnnikaSonnek Apr 14, 2023
d87fa35
fixed media queries for image and text, margin QuizOver and updated R…
AnnikaSonnek Apr 14, 2023
449380f
Progress tracker done, put the progress tracker in the tv, made it re…
OscarSindemark Apr 15, 2023
3e639fc
added url to readme
PerErikAndreas Apr 15, 2023
df781cd
changed url
PerErikAndreas Apr 15, 2023
8e1dc4a
updated meta-tags
AnnikaSonnek Apr 20, 2023
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions .eslintrc.json
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,10 @@
"allowSingleLine": true
}
],
"linebreak-style":[
"off",
"unix"
],
"comma-dangle": [
"error",
"never"
Expand Down
8 changes: 3 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,11 @@
# Redux quiz group project

Replace this readme with your own information about your project.

Start by briefly describing the assignment in a sentence or two. Keep it short and to the point.
The task was to create a quiz with at least 5 questions using global state using Redux in React. The user was supposed to be informe wether an answer was right or wrong. At the end the results should be presented to the user.

## The problem

Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next?
We started working in the CurrentQuestion-component changing the questions array to the list of questions we wanted. After that we planned which components we wanted and created them. We decied to use a button component that was supposed to be used all throughout the page. We managed to connect our components to the global store in the quiz.js. At the end of the quiz we decided that we wanted the user to go back to the Welcome page, therefore we thought we didn't need to call the restart function in the reducers but it turned out that if we didn't add it as an onClick the state would remain the same. This would result in the user automatically getting back to the QuizOver-component (which is the end of our quiz). We wanted to have the little television as a div where the questions would be displayed but we didn't manage to figure out how to do it without the hassle of fixing the positioning of the questions so we scrapped that idea due to lack of time. We also had some issues with the Footer blocking the QuestionsContainer, we eventually solved it by having the margin-bottom of the QuestionContainer be bigger than the height of the Footer.

## View it live

Every project should be deployed somewhere. Be sure to include the link to the deployed project so that the viewer can click around and see what it's all about.
https://javascript-redux-quiz.netlify.app
Loading