PR Decision Tree
Letting Just Eat Takeaway.com staff know if they can share a PR news story.
Services: React
Introduction:
The PR Decision Tree was an internal project aimed at helping the PR team work out what to do when creating company PR. The PR Decision Tree was built using VueJS and allows users to select 'Yes' or 'No' to various questions until ultimately coming to the correct suggestion.
Services: React
Highlighted Features:
Below, I have listed some key features of this project. They include parts elements that I have coded to save time and repetition, features of functionality, and areas of the site that were key for user experience.
Proactive or Reactive:
There are 2 main paths that the user can take, Proactive or Reactive, and this is the first question.
As I've built the project using VueJS, I decided to create a content.js file to contain the questions. I created 2 arrays, one for the Proactive questions, and the other for the Reactive questions.
As the design varies depending on the answer, I've also created two components (questions-pro.vue & questions-react.vue).
Question flow:
Each question has a 'Yes' or a 'No' answer, which once answered displays the next question in the line.
Within the code I have used some IF statements and pull the correct content from the content.js file.
Once all questions in teh line has been answered the user will be given an instruction.
Conclusion:
Using a mixture of VueJS and HTML, I have created an interactive application that gives users clear instructions through a series of questions.