Skip to content
Submitted over 1 year ago

Adaptive component created with React lib

chakra-ui, react, sass/scss
Arsenii•120
@ostmartin
A solution to the Advice generator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

  • The component is created using ReactJS.
  • Advice Slip JSON API
  • For styling I chose SCSS preprocesses.
  • The useState hook and FSM approach was used to handle the state.
  • A custom Skeleton and Error were also added.
  • The Spinner element is taken from the Chakra UI library.
Code

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Arsenii'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