US12 - Customer Journey

[jore-averbeck]

Value proposition

As a User: As a user, I would like to have the possibility to be guided through the app when I go to the corresponding page.

Description

N/A

Acceptance criteria

• [ ] The filter page shows a multiple choice selection, which filters the results.
• [ ] Once I have filtered, the results are displayed on the filteredTour page
• [ ] If no ideas are found, a message "No ideas found" is displayed, as well as a link back to the home page.

Tasks

• [ ] For the filtering, use fuse.
• [ ] Use fuse like you did with the searchbar to filter the results.
• [ ] You have to have fuse accept new values as keys for every journey step to make it work.
• [ ] Create a filter page.

[CJAkkuec]

As a User: I want to have the option to be guided through the app or not.

This is a very binary choice. To be, or not to be. I'd advise to lean in a little more here. "... I want to be presented the option to either be guided toward a recycling suggestion, or to search for potential projects myself."

When visiting the app a pop-up window shows up, which asks wether the user wants to be guided through the app or not.

I'd probably handle this differently. I'd render the content on index.js conditionally depending. On first load, the user is presented with two simple boxes they can click, etc.

Use toastify to create a pop-up window to guide the user. Install toastify with npm install --save react-toastify Import ToastContainer from react-toastify. Implement the Toast Message.

A toast message wouldn't be the use case for this, I don't think. A simple button component is more than enough, such as

index.js

[Guided Selection] ... [Manual Selection]

^ Clickable buttons that lead to the individual routes, etc.

[CJAkkuec]

LGTM 🚀