Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request failed with status code 502
Not Found
Not Found
Not Found

Submitted

Tailwind + TS + React.js + Redux | Random Advice Generator

Better5afe 850

@better5afe

Desktop design screenshot for the Advice generator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi All!

This project was a breeze in comparision with the previous one. I picked it up mostly to practice typed hooks and Redux Thunk.

The users are able to:

  • Generate a new piece of advice by clicking the dice icon.
  • See loading and error states.
  • See hover states for all interactive elements on the page.
  • View the optimal layout for the app depending on their device's screen size.

As always, I'd be grateful for any tips or suggestions.

Thanks & Happy Coding! 🎃

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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