In this challenge, I use my knowledge of react to consume an API and be able to get data every time a click event occurs, overall it helped me a lot to practice my skills and I really enjoyed doing the challenge.
Silvanos Eric
@codexshellAll comments
- @alexisdlrSubmitted almost 2 years ago@codexshellPosted almost 2 years ago
Holla! I couldn't help but notice when using firefox to access your browser, the first api request if successful, but firefox ignores subsequent responses from the api. This is because firefox caches responses from the same api for quick reuse. This behavior can be altered by configuring your api requests to prevent browser caching. This is quite simple achieve when using the Fetch API. As an aside, nice animation!
Marked as helpful0 - @MinamakhloufSubmitted almost 2 years ago
This is the first API call that I've had to make on this website so I'd appreciate any advice or resources for learning about this.
As always, all feedback is welcome
@codexshellPosted almost 2 years agoHello there! Noticed a slight glitch with your application. When using firefox browser, firefox is reusing the responses from the first api call. This can easily be fixed by configuring your api requests to prevent browser caching.
Marked as helpful0 - @HsienzSubmitted almost 2 years ago
This is my first using api. Any feedback is welcome.
@codexshellPosted almost 2 years agoYour website is currently facing a challenge I experienced some time back. Firefox is only using the first response from the api despite multiple requests being sent to the api. A solution around this would be to find a way to disable caching on the tool you are using to make requests. This process is much easier when using the fetch API
Marked as helpful0 - @rhickey94Submitted over 2 years ago
First attempt at making a component with Vue, feedback welcome on css/scss
@codexshellPosted over 2 years agoHolla! Great design. It could use a few extra touches. You could start by finding a way to persist the background color of a rating when selected. Cheers!
0 - @nsnl-coderSubmitted over 2 years ago
Challenge #2
@codexshellPosted over 2 years agoHello. Great design. A final touch would be great. Allow the user to completely deselect a rating altogether in the event they change their minds and do not want to participate in the survey. As per your solution the only way to get rid of the selected state is by refreshing the page. Good luck!
0 - @Stv-devlSubmitted over 2 years ago
Hi,
- When we choose a rating and submit it, the" thank you card" will be display with our rating number. When we select a rating button, it turns gray. If we choose another button, the gray will be removed on the other button.
- When we click on the thank you card again, we return to the rating card. Interesting challenge for practice javascript.
@codexshellPosted over 2 years agoHey there, great design. Almost perfect. I have a few suggestions I think would be helpful. For starters you could find a way to persist the background color when one selects on a rating. You could also proceed to allowing the user of the component to deselect a rating altogether, in the case they do not want to participate in the survey. Cheers!
Marked as helpful0 - @CarDekuSubmitted over 2 years ago
I'm a web developer apprentice, any feedback is welcome
@codexshellPosted over 2 years agoHolla! Nice design, real great. Got some few suggestions that I think would make it even better. You could try to persist the active state (the orange coloring) on a rating when one clicks away from the buttons. Also the tab key is triggering the active state on ratings, rather than a focus state. Would be nice to check out Mozilla Developer Network for more information. Cheers!
Marked as helpful1 - @KevinSDJSubmitted over 2 years ago
only html, css y js
@codexshellPosted over 2 years agoHello there, great design. Almost flawless. Just one step away. Allow the ability of a user to deselect a rating altogether, .i.e in the event they decide not to submit a rating. As per your solution the only way to deselect a rating is by refreshing the page, making the website lose state. Cheers!
Marked as helpful0 - @Fede1109Submitted over 2 years ago@codexshellPosted over 2 years ago
Hello there, got some feedback that probably would help. A little more border-radius should get it closer to the design. Also try to persist the active state when one clicks away from the circles (i.e when they lose focus)
Marked as helpful1