At a high level, your application will be able to handle the following URL routes, each with their own functionality:

• On the '/topics/new' page:

  • #2

• On the '/topics' page:

  • Users can view all topics
  • Users can click on an individual topic and be redirected to the page for that topic

• On the /topics/:topicId page:

  • Users can view an individual topic and all quizzes for that topic
  • Users can click on a quiz associated with a topic and be redirected to that quiz’s page

• On the 'quizzes/new' page:

  • #4
  • #7

• On the '/quizzes' page:

  • Users can view all quizzes
  • Users can click on an individual quiz and be redirected to that quiz’s page

• On the '/quizzes/:quizId' page:

  • Users can view an individual quiz and flip cards over

When user submit a new topic, the render on a page '/topics' doesn't work.
log error:
TypeError: Cannot convert undefined or null to object in Topics.js:15:17

in the src/features/cards directory, create a new file containing slice for cards that:

• Is named 'cards'
• Has initial state consisting of an object that includes one property, cards, which corresponds to an empty object. This inner cards object will eventually hold all cards keyed by id.
• Has an addCard action. This action will receive a payload of the form { id: '123', front: 'front of card', back: 'back of card'}.

Next task is to build out the necessary functionality to add quizzes to your app. This will involve creating two new slices—one for the quizzes themselves and one for the cards that comprise them—and adding an action to your topics slice to associate quizzes with the topic to which they belong. To start, create in the src/features/quizzes directory, create a new file containing a slice for quizzes that:

• Is named 'quizzes'
• Has initial state consisting of an object that includes one property, quizzes, which corresponds to an empty object. This inner quizzes object will eventually hold all quizzes keyed by id.
• Has an addQuiz action. This action will receive a payload of the form { id: '123', name: 'quiz name', topicId: '456', cardIds: ['1', '2', '3', ...]}.
• Export the selector as well as the action creators and reducer that your slice generates.

Connect icons in drop-down menu 'choose a icon' in new topic form

A form field element should have an id or name attribute:

• quizForm
• topicForm

Udate README file:

• live demo
• img preview
• Table of contents
• tecnologies
• Acknowledgements

Create a new favicon