pearlhamilton / quizzical Goto Github PK

• get from redux user type (user < = userReducer)
• if host show the button
• if player display waiting for host to start the game

score value increases with more difficulty

• find the game by name
• return all the players for the game
• return categories
• return the config

• hardcoded fetch request to display questions and answers
• onclick of answer move to next question
• shuffle answer buttons so correct answer isn't always in the same place
• go to final page once get to the end of array of questions
• logic to check if answer selected is correct and if it is add to score
• score state?
• Make homepage link to quizpage when you click play

• create component
• styling

• connect to the socket
• create the room
• join room
• broadcast joined the room
• check if there is space in the room
• if no space block the join button

• username input
• join the quiz
• join the quiz disabled when no available players
• create new quiz
• alert for empty input
• validate the input

• page component
• leader board (perhaps a table)
• section to say who the winner is

• user reducer
• actions
• store from welcome

• create component
• styling
• tests

• react-client
• db
• api

In welcome page file, use the error/setError state

• add conditional error rendering on the page: when error is not empty display it for the user under the input boxes or buttons
• change the handleCreate alert box to setError with alert message. (apprx line 62 and 64)
• change handleJoin alert (apprx line88) to set error too
• check that line 78 error setError(res.message); is also rendered when existing room name is created

• confirm user is the host
• get all the cofig in the object
• pass it to the serve
• socket server to handle and save the config according to the room name
• return the room config to everyone in the lobby on button click
• fetch in the home page to populate redux questions
• action to add the config to the redux as an action see #81

• setup
• create a new room
• join room
• control for number of people in the room

• Setup mongodb database
• Seed database

• design different pages
• create logo

• create username input
• difficulty drop down
• fetchApi with difficulty setting
• dropdown menus for quiz options
• dropdown for topics
• fetchApi with topic params

• Netlify
• Heroku
• mongodb

• set state for errors

• quizz page
• store
• create reducer index

• create component
• styling

• action to take in difficulty, questionCount, subject
• reducer with the action type to handle the data
• add to reducers folded index the reducer name
• add new reducer in the store

• wins and challenges
• description
• technologies used
• Netlify badge
• mit badge
• image and/or gif

• before quiz starts

• GET leaderboard on load leaderboard page
• OR append data from state and POST to api

• pass username to redux
• pass room to redux
• pass user type to redux
• create action for room creation
• server create room
  • check if room name exists
  • return error on wrong room name
• clien socket get the result from the server

• add state according to the roomConfigReducer
• render the quiz info