Submitted over 1 year ago

React advice generator app using API

axios, node, react-native, web-components, animation

Isabella Lizarde•90

@isabella-lizarde

A solution to the Advice generator app challenge

Preview Code

Solution retrospective

Hi everyone!

Some difficulties I encountered with this project:

Button placement with dice image.
Displaying instructions "Roll dice below" on load. This is something that wasn't required, but I added it to test my javascript knowledge.
Changing pattern divider SVG image from desktop to mobile view.

I also added an animation to the dice on hover for desktop view, and for mobile view the dice will bounce infinitely.

Any feedback about my code would be appreciated, I've been trying my best to keep it as clean and readable as possible.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Isabella Lizarde's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord