Skip to content
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 (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi everyone!

Some difficulties I encountered with this project:

  1. Button placement with dice image.
  2. Displaying instructions "Roll dice below" on load. This is something that wasn't required, but I added it to test my javascript knowledge.
  3. 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
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Aphelion Web Development•120
    @Aphelion-im

    Love what you did with the animation!

    I see you are using Create React App.

    Have you tried ViteJS? It's so much faster than Create React App and has way less dependencies (And thus less errors/vulnerabilities. That's why I do not like NPM when compared to Maven (Java) and its pom.xml file)

    Make sure to end your files with .jsx when using Vite.

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