Advice Generator using Next.js, Axios and styled-component
Design comparison
Community feedback
- @TristanRiceStudentPosted over 2 years ago
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 helpful1@cholis04Posted over 2 years ago@TristanRiceStudent Thanks for some of your feedback. This is very helpful for me.
0 - @msuryaditriputraRPosted over 2 years ago
Good Work, Nice Animations !
1 - @BasharKhdr1992Posted over 2 years ago
The rolling dice animation is really nice. All of your designs are so far 100% identical to the original design files. Really great work.
0 - @besttlookkPosted over 2 years ago
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
0@cholis04Posted over 2 years ago@besttlookk Yeah, you should try using Next JS, Styled-components. This is a wonderful thing.
I also recently used Typescript in my project. If this helps, you can use this as a reference for your project.
#HappyCoding
0@besttlookkPosted over 2 years ago@cholis04 Currently im converting my old "REST country" project (which i made using REACT and Tailwind) using NextJS and Styled Component.
I am almost done will it. I will share will you when i am done. I am still not sure about the file structure. I would love have your say on that.
#happyCoding
0@cholis04Posted over 2 years ago@besttlookk That's good. What is the result? I will try to see it soon
0@besttlookkPosted over 2 years ago@cholis04 https://fem-rest-country-v3-nj-sc.vercel.app/
I would love to have some feedback
0 - @amh092Posted over 2 years ago
the animations area awesome great work keep it up
0 - @ZakSchenckPosted over 2 years ago
Best one I've seen so far. Mind if I try to do something similar to this as well?
0@cholis04Posted over 2 years ago@ZakSchenck I don't mind if you do something similar like this. Happy coding
0 - @lArklPosted over 2 years ago
Great job and awesome animation!
0 - @jsilver88Posted over 2 years ago
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!
0@cholis04Posted over 2 years ago@jsilver88 I'm trying to limit users to 2 seconds to generate suggestions. Because in the Advice Slip JSON API documentation every re-request within 2 seconds will return the same suggestion. I agree with you. This takes a bit longer. Maybe I'll try another approach to handle this. Thank you for your advice.
0
Please log in to post a comment
Log in with GitHubJoin 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