/exo

Primary LanguageJavaScriptDo What The F*ck You Want To Public LicenseWTFPL

Exo

React & Redux

  1. Clone repo

  2. Run example

  3. Create a <Route /> that points to /faq

  4. Add a React Router Link to /faq into <Menu /> above.

  5. Create <Faq /> component that lists questions and answers

    1. Questions/answers must be represented within a responsive <Grid />:
      • 4 Questions/answer per line on big screens
      • 2 Questions/answer per line on medium screens
      • 1 Questions/answer per line on small screens
    2. Add a button to toggle all answers visibility
    3. Add a dropdown to let users sort by question, answer or userName alphabetically, ascending and descending
      • Update state consequently
    4. Add a text input to let user filter questions (min 3 chars, max 2 words)
      • Update state consequently
    5. Perform an HTTP request to /faq.json, update state, then fill up the FAQ with data.

  6. Add a form allowing user to add a new question/answer.

    1. Make for inputs controlled
    2. As user types, replace o's with 0's

  7. Make both routes load asynchronously