Code Monkey home page Code Monkey logo

project-redux-quiz's Introduction

Redux quiz group project

Group project by: Maria Thomasson, Karoline Mann, Rosanna Dahlberg, Jenny Quach, Christoffer Torninger

This week our team's task was to build a quiz game using Redux. It's a multiple choice quiz, so we had to define our own questions and a bunch of possible answers to present to our users.

The problem

We got a project with quite a lot of code to begin with, including a Redux store. We used the state to render the quiz questions one at a time and also the possible answers. One of the problems we encountered was showing the correct colour of the button depending on the users submit answer. Our solution for this was to create an if else statement within the class name, using three different coloured buttons in the same class name.

What we have learnt:

  • Work in a group in a more advanced way
  • What is global state
  • What is redux
  • How to use selectors to access redux state
  • How to use dispatch to trigger redux actions
  • How to interact with your store using selectors or by dispatching actions

Tech

Redux React Javascript CSS

View it live

https://movie-quiz-app.netlify.app/

project-redux-quiz's People

Contributors

rosanna86 avatar dependabot[bot] avatar emolsz avatar jenquach avatar mariathomasson avatar kaliine avatar idlefingers avatar puj avatar vrill avatar jenniedalgren avatar hippiekick avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.