Skip to content
Submitted over 3 years ago

Advice Generator using Next.js, Axios and styled-component

accessibility, axios, next, styled-components, typescript
Nurcholis•420
@cholis04
A solution to the Advice generator app challenge
Preview (opens in new tab)Code (opens in new tab)
Code

Please log in to post a comment

Log in

Community feedback

  • Tristan Rice•90
    @TristanRiceStudent

    Really like that animation with the dice icon! The only thing I would suggest is maybe to add some placeholder elements while the advice is loading, so that the height of the card doesn't change so drastically. Also, I saw in the code that you've used ThemeProvider in multiple places. What might be easier is to wrap your entire app in the ThemeProvider component, and define each of your colours there.

    Marked as helpful
  • Muh Suryadi Triputra Rahman•380
    @msuryaditriputraR

    Good Work, Nice Animations !

  • Aadvik•1,250
    @Aadv1k

    five words -- WOW those animations are sick!

  • Bashar Khdr•930
    @BasharKhdr1992

    The rolling dice animation is really nice. All of your designs are so far 100% identical to the original design files. Really great work.

  • Prabhash Ranjan•2,540
    @besttlookk

    Hi, Awsome work Right now i am trying to NEXT, Typescript and Styled-component, and you used all 3 in this , so now i am taking your project as reference and redo this challenge.

    I would love if you can help if i get stuck at any point. I am self taught dev so i am in need of some guidence all the time.

    This is what my version looks like : https://6f9f7e56.fem-advice-generator.pages.dev/

    Thanks, #happyCoding

  • ahmed hazza•230
    @amh092

    the animations area awesome great work keep it up

  • P
    Zak Schenck•40
    @ZakSchenck

    Best one I've seen so far. Mind if I try to do something similar to this as well?

  • Ronaldo•440
    @marckesin

    Nice animations!

  • Gianfranco Ferro•120
    @lArkl

    Great job and awesome animation!

  • P
    Jared Silver•500
    @jsilver88

    Nice job. I would reduce the loading times between each random piece of advice. Right now it seems a bit delayed. But overall it looks great!

  • bikeinman•1,080
    @BikeInMan

    so cool..

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