I was working a bit on how I wanted to display my statistics data for an experience maker.
I used dummy data to see how easy/complicated it would be to use victory. It turned out well, and here are the results.
EXAMPLE
On feedback Area I will include the name of the feedback area and whether it is active feedback (which means open to reviews).
CHANGES
Experience.jsx
I deleted a value I was retrieving from a context, and called the Performance component to render this page.
Comment.jsx
I included the necessary libraries, and using dummy data I started playing with the UI to have a general idea on how to display the comments.
Graph.jsx
Again I used dummy data and also played with some CSS elements, used transitions and played with the colors to differentiate between how good certain bar is according to what the user selected.
Performance.jsx
The plan is that, from line 26 to 33 I will repeat those elements. For that, I was thinking on using a forEach/map function to go over the feedback of every feedback information. I also created a function to control the colors of the UI according to the score that we are dealing with: 1 (bad) - red, 5 (great) blue
NEXT STEPS
I will implement the endpoints to get the real information and probably refactor a bit of code according to how the back-end needs to adapt my front-end
I also wanted some feedback on how to polish my UI. Anything would be deeply appreciated!
Hi everyone!
I was working a bit on how I wanted to display my statistics data for an experience maker.
I used dummy data to see how easy/complicated it would be to use victory. It turned out well, and here are the results.
EXAMPLE
On feedback Area I will include the name of the feedback area and whether it is active feedback (which means open to reviews).
CHANGES
Experience.jsx
I deleted a value I was retrieving from a context, and called the Performance component to render this page.
Comment.jsx
I included the necessary libraries, and using dummy data I started playing with the UI to have a general idea on how to display the comments.
Graph.jsx
Again I used dummy data and also played with some CSS elements, used transitions and played with the colors to differentiate between how good certain bar is according to what the user selected.
Performance.jsx
The plan is that, from line 26 to 33 I will repeat those elements. For that, I was thinking on using a forEach/map function to go over the feedback of every feedback information. I also created a function to control the colors of the UI according to the score that we are dealing with: 1 (bad) - red, 5 (great) blue
NEXT STEPS